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