添加循環到JQuery的滑塊

我有這個代碼，它會自動播放我的滑塊，如何在最後一個幻燈片停止。我如何從最後一張幻燈片的開頭開始。謝謝添加循環到JQuery的滑塊

我有一個滑塊，使用以下按鈕進行導航。我將如何添加一個自動播放功能 - SetTimeout函數？

感謝

// Next Clicked jQuery('.ajax-next').click(function(){ 

     if (jQuery(".ajax-portfolio-window").is(':animated') || jQuery(".ajax-portfolio-image-wrap").is(':animated')) return; 

     var total = jQuery('.portfolio-ajax').length; 
     var index = jQuery('.ajax-gallery-navigation').attr("id"); 

     currindex=parseInt(index); 
     nextIndex=currindex+1; 
     if (nextIndex!=total) { 
      jQuery('.portfolio-ajax').eq(nextIndex).trigger('click'); 
     } 

     return false; 


    }); 



    // Clicked Prev 

    jQuery('.ajax-prev').click(function(){ 

     if (jQuery(".ajax-portfolio-window").is(':animated') || jQuery(".ajax-portfolio-image-wrap").is(':animated')) return; 

     var index = jQuery('.ajax-gallery-navigation').attr("id"); 
     if (index=='-1') { index='0'; } 
     currindex=parseInt(index); 
     prevIndex=currindex-1; 
     if (prevIndex!=-1) { 
      jQuery('.portfolio-ajax').eq(prevIndex).trigger('click'); 
     } 

     return false; 
    }); 
} 

// Autoplay 

setInterval(function(){ 
     // do you stuff here. for example 
     jQuery('.ajax-next').click(); 
      }, 10000); // 10 sec interval

來源

2012-07-06 user1503256

：

if (nextIndex!=total) { jQuery('.portfolio-ajax').eq(nextIndex).trigger('click'); }

應改爲。 – Samich 2012-07-06 05:36:33

我不是usre你的HTML標記，但您可以簡化代碼next()和prev()。

無論如何，在你的情況循環你的滑塊，你需要設置索引爲0，如果你達到了總數。所以：如果您發佈了HTML標記，我們可以找出解決方案

if (nextIndex == total - 1) { 
     nextIndex = 0 
    } 
    jQuery('.portfolio-ajax').eq(nextIndex).trigger('click');

來源

2012-07-06 05:30:52 Samich

非常感謝！ – user1503256 2012-07-06 05:45:05

添加循環到JQuery的滑塊

回答

相關問題