Question

我的滑块不会淡入，因为我删除了.end()因为在幻灯片中给我一些问题，但我怎么能让它再次淡入淡出。它适用于我制作的小提琴但不在我的网站上。 http://jsfiddle.net/HUkBp/2/

我的代码：

 <div id="slideshow">
   <div>
     <img src="imgs/supp1.jpg">
   </div>
   <div>
     <img src="imgs/supp2.jpg">
   </div>
   <div>
     <img src="imgs/supp3.jpg">
   </div>
   <div>
     <img src="imgs/supp4.jpg">
   </div>
   <div>
     <img src="imgs/supp5.jpg">
   </div>
   <div>
     <img src="imgs/supp6.jpg">
   </div>
   <div>
     <img src="imgs/supp8.jpg">
   </div>
   <div>
     <img src="imgs/supp9.jpg">
   </div>
   <div>
     <img src="imgs/supp10.jpg">
   </div>
 </div>

CSS：

#slideshow { 
    margin: 50px auto; 
    position: relative;   
}

#slideshow > div { 
    position: absolute; 
}

jQuery的：

$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .appendTo('#slideshow');
},  3000);

Answer 1

您不应删除.end()因为您需要第一张幻灯片移动到幻灯片结束。没有.end()，第二个将被移动。所以你有正确的代码：

setInterval(function() { 
    $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);

您是否可以提供指向不起作用的网站的链接？

jQuery幻灯片不会淡入淡出

1 个答案: