ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/03/20
NEW
【週刊ドットインストール】 レッスン制作の進捗、社内開発のススメ
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
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の設定
再生、停止処理の修正
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2013年10月9日
バージョン情報
jQuery 1.10.2