試圖讓圖像滑塊循環

-1

我做了一個滑塊與兩個圖像，我得到它在一定的秒數後改變，但我希望它返回到原始圖像後，而不僅僅是停止。試圖讓圖像滑塊循環

的jsfiddle - http://jsfiddle.net/bsu31hso/4/

<article> 
     <div class="slider"> 
     <img id="pic1" src="images/main-banner.png" alt="main banner" class="main_banner"> 
     <img id="pic2" src="images/nutrition-banner.png" alt="nutrition banner" class="main_banner "> 
     </div> 
</article> 




<script type="text/javascript"> 
    $(document).ready(function(){ 

     $("#pic1").show(function(){ 
      $("#pic1").fadeOut(5000); 
      $("#pic2").fadeIn(); 

     }); 

    }); 
</script>

來源

2014-09-21 Ralphunreal

是圖像的NUM固定的嗎？ – 2014-09-21 18:43:47

爲什麼不使用已經存在的滑塊插件，如https://github.com/stevenwanderski/bxslider-4 – 2014-09-21 18:48:27

你可以使用兩個函數並連續循環它們（如果圖像的數量是固定的） – 2014-09-21 18:49:15