jQueryを使用して、フェードさせながら画像を切り替える方法を紹介します。単純に画像が繰り返し切り替わるだけのシンプルなコードとなっています。 フェード切り替えの作り方 まずは、HTMLを準備します。切り替える画像分だけボックスの中に入れておきます。 <div class="fade-img"> <img src="photo1.jpg" /> <img src="photo2.jpg" /> <img src="photo3.jpg" /> </div> 続いて、CSSで画像を表示させる位置を指定しておきます。 .fade-img { position:relative; width: 250px; } .fade-img img { position: absolute; } 最後に画像を切り替える処理を作っていきます。 $(function(){ $(".fade-img img: