最初ぐぐって出てきたスクリプトそのまま使ってたのだが、要件に満たさないところがあったのでごっそり書き換えたので良いだろうということで書いておく事にした。 何をやっているかというと、同じ場所に切り替えたい画像を全部重ねて置いておき、JavaScript の setTimeout を使用して順番に表示している。 今回は画像が4枚を3秒毎に表示していき、最後の画像だけ10秒ほど表示としている。あまりこういった細かな制御ができるプラグインは無いのかな、すぐ出て来なかったので既存のものを改造した。その既存のものがどこからとってきたものなのか忘れてしまった...。見つかったらリンクはろう。 html <header> <h1>画像が自動で切り替わるアレ</h1> <ul id="header-images"> <li><img src="/images/image_top_01.jpg"></li>
![jQueryで画像を自動で切り替えてみる。](https://cdn-ak-scissors.b.st-hatena.com/image/square/963449e3f11496240a14e0d37dc93268bd7f2ebb/height=288;version=1;width=512/https%3A%2F%2Floumo.jp%2Fwp%2Fwp-content%2Fthemes%2Fcocoon-master%2Fscreenshot.jpg)