PREMIUM

JavaScriptでカルーセルを作ろう

JavaScriptを使ってカルーセルUIを作る方法について見ていきます。
0%

このレッスンをはじめる前に

このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。

#02 画像を表示する領域を作ろう
#03 画像を配置してみよう
#04 画像を領域内に収めよう
#05 画像を横並びにしてみよう
#06 ボタンを配置してみよう
#07 ボタンのスタイルを整えよう
#09 画像を動かしてみよう
#10 画像の幅を取得してみよう
#11 画像を移動させる距離を計算しよう
#12 戻るボタンを動作させよう
#13 ボタンの状態を更新しよう
#14 ボタンの動作を確認しよう
#15 重複しているコードを関数にまとめよう
#16 画像下にボタンを配置しよう
#17 ボタンを丸くしていこう
#18 丸いボタンを動的に生成しよう
#19 クリックイベントを設定しよう
#20 currentクラスを移動させよう
#21 カルーセルを完成させよう