スライドショーを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秒ごとにということ。