jQueryを使って画像を切り替えるチュートリアル - JavaScriptテックラボ - [SMART]

jQueryとsetIntervalを使った簡単な画像切替スクリプトを作成してみます。 まずはスタイルシートの設定で、表示領域（画像）のサイズを設定します。 IDがmain-visualに格納されたオブジェクトを切り替え対象にするので、下記のようにmain-visualというIDのボックスを用意し、その中に画像を配置します。 アンカーはつけても付けなくても大丈夫です。 <a href="a.html"><img src="p1.jpg" /></a> <a href="b.html"><img src="p2.jpg" /></a> <a href="c.html"><img src="p3.jpg" /></a> <a href="d.html"><img src="p4.jpg" /></a> 最後にJavaScriptを記述します。JavaScriptとStyle設定はHEAD要素に

[MATSU]

紙芝居みたいに切り替わる。こうやって動かすのね。おもしろ〜い！感動！