スライドショーをjQueryで作る!
久々にjQueryに挑戦します!
1.文字とか図で流れを書く
1.要素を調べる
長いBox、表示枠、個数など
2.<li>の幅を取得
3.○秒で動かす
4.表示枠から消えたら、最後に移動
5.ループ
2.それをjQueryで書く
まず下記を書く。
これは、ページが読まれたら、実行っていう意味らしい
$(document).ready(function (){
(この中に書く)
});
$(function(){
(この中に書く)
});
(この中に書く)に書いていく。
上記のどちらでも同じなので、どっち使ってもOK
まず、varで変数に値?を入れる。
var使わなくてもできるらしいが、使ったほうが、表示が早いらしい。
photoList.animate({left: '-=250px'},2000);
動かすときは、animateを使う。
上記は、leftを-250pxづつ動かすってこと。
2000は動くスピード
offset++;
offsetという変数に1を足していくということ。
1づつ増やすなら++でよい。
他の数なら、もっとちゃんと書かないとダメ
setInterval(play,2000);
setIntervalは「繰り返す」時に使う。
playという関数を繰り返す。
その後の、2000は、2秒ごとにということ。