#09 メインの画像を切り替えよう | 【旧版】JavaScriptでスライドショーを作ろう - プログラミングならドットインストール

最新版のレッスンがあります【最新版】JavaScriptでスライドショーを作ろう (全16回)

動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合はヘルプ「動画が見られない場合について」もご覧ください。

この動画を見るには
プレミアムプランへの登録が必要です

まずは無料でユーザー登録

本のレッスンが完了！

文字起こしを表示する « 前へ次へ »

プレミアムプランに登録すると、全レッスンの文字起こしを見られるようになります。

詳しくみる

サムネイルのli要素にclickイベントを設定して、メインの画像を切り替えられるようにしていきます。

currentクラスの設定
メイン画像の差し替え

このレッスンの問題を報告する

li 要素に current クラスをつける処理が理解できません

2022年3月24日

mainImage.src = image を images[index] としても良いのですか？

2022年3月24日

appendChild(img) の前に if 文で li.classList.add('current'); をいれるのはどうしてでしょうか？

2022年1月27日

li ではなく img に addEventListener をつけてもよいですか？

2022年1月27日

「どのサムネイルをクリックしたか」はどのように認識しているのですか？

2022年1月27日

li.classList.add(".thumbnails li.current") とすべきではないですか？

2022年1月27日

サムネイルをクリックしたときの処理が理解できません

2022年1月27日

forEachのコールバック関数について教えて下さい

2022年1月27日

currentIndexはどこで更新されるのですか？

2022年1月27日

クリック時の処理がどの流れで実行されるかイメージがつかめません

2022年1月27日

すべての質問と回答（54）

素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です

詳しくみる

ソースコードを閲覧するにはプレミアムプランへの登録が必要です

詳しくみる

このレッスンの問題を報告する

デモを閲覧するにはプレミアムプランへの登録が必要です

詳しくみる

【旧版】JavaScriptでスライドショーを作ろう

JavaScriptで簡単なスライドショーを作る方法を学んでいきます。 (詳細へ...)

ログインして連続再生する動画一覧 (13)

Copyright © 2011-2026 dotinstall.com. All Rights Reserved.