1

左から右にスライドするようにスライドをコーディングしましたが、なぜ一度だけ実行されるのかわかりません。最後の画像を実行すると、最初の画像が再度実行されます。ご理解いただければ幸いです。

HTML

  <img src="Britney-Spears.jpg" class="img" />
  <img src="Britney-Spears-101[1].JPG" class="img" />
  <img src="Britney-Spears-Wallpaper-18.jpg" class="img" />
   </div>

CSS

.neoslideshow {位置:相対; 幅:500px; 高さ:260px; 背景:#0C9; オーバーフロー:非表示;} .neoslideshow img {位置:絶対; 上:0;幅:400px; 高さ:260px;}

Jクエリ

$(document).ready(function() {


$('.neoslideshow img:gt(0)').css('left',-500);
function slide()
{
    $('.neoslideshow :first-child').animate({left:"+=500"},"slow").css('left',-500)
    .next('img').animate({left:"+=500"},"slow").css('left',-500)
    .end().appendTo('.neoslideshow');



};
setInterval(function(){slide();},2000);

});
4

0 に答える 0