如何使滑动从左到右滑动?

时间:2013-06-08 13:48:22

标签: slide right-to-left

我编写了一张从左到右滑动的幻灯片,但我不知道为什么它只运行一次,它会在运行最后一张图像时再次运行第一张图片。任何人帮助我,抱歉我的英文不好。希望你有所作为。

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 {position:relative;宽度:500像素;高度:260px;   背景:#0C9;溢出:隐藏;} .neoslideshow img   {位置:绝对的;顶部:0;宽度:400像素;高度:260px;}

JQUERY

$(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);

});

0 个答案:

没有答案