スライドショーを作ろう

スライドショーを作る上で必要なもの
- 01.スライドの位置と順番を調整する
- 02.タイマーを開始する
- 03.一定時間ごとにスライドを移動するようにする
- 04.ボタンで画像を選択できるようにする
基礎となるjQueryメソッド
eq()メソッド
→複数のhtml要素の中からインデックス番号を指定することで特定の要素だけを取得することができる。
例えば。
- テスト01
- テスト02
- テスト03
インデックス番号で言うとテスト01が0番目になる。
html
1 2 3 4 5 |
<ul> <li>テスト01</li> <li>テスト02</li> <li>テスト03</li> </ul> |
に対して
JS
1 2 |
var hoge = $('li').eq(1).css('color','#f00'); console.log( hoge ); |
とやったら
テスト02が赤くなる。
index()メソッド
→index()メソッドは、インデックス番号を取得する。