ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/06/01
NEW
『JavaScript入門 DOM編』をリリースしました
2023/06/01
NEW
週刊ドットインストール(2023/06/01号)を更新しました!
PREMIUM
【旧版】jQueryで作るスライドショー
jQueryを使って簡単なスライドショーを作ってみます。基本的なナビゲーションの他、自動再生機能も実装していきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptでスライドショーを作ろう
シンプルなスライドショーを作りながら、JavaScriptの実践的な書き方について学んでいきます。
0%
動画レッスン一覧
(8)
未完了
#01 スライドショーを作ってみよう
(03:01)
無料公開中
デモ
必要となる知識
必要となるツール
ひな形ファイルの作成
未完了
#02 縮小画像を表示してみよう
(02:38)
無料公開中
縮小画像の表示
.thumbnailの設定
未完了
#03 clickイベントを設定しよう
(02:50)
スタイルの設定
clickイベントの設定
動作確認
未完了
#04 「前へ」ボタンを実装しよう
(02:40)
currentNumの宣言
ボタンの設置
#prevにクリックイベントを設定
未完了
#05 「次へ」ボタンを実装しよう
(02:28)
#nextにクリックイベントを設定
.thumnailのクリックイベントを修正
未完了
#06 縮小画像の強調表示をしよう
(03:00)
スタイルの設定
.currentの適用
カーソルのスタイル設定
未完了
#07 自動再生機能を作ろう
(03:01)
ボタンの設置
#playにクリックイベントを設定
#stopにクリックイベントを設定
未完了
#08 タイマーの重複起動を防ごう
(01:43)
nowPlayingの設定
再生、停止処理の修正
ギャラリー
このレッスンについて
最終更新日
2013年10月9日
バージョン情報
jQuery 1.10.2
関連キーワード
(4)
ミニプログラム
(142)
初心者向け
(368)
JavaScript
(148)
jQuery
(34)
このレッスンを共有する