添加循环到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的滑块

回答

相关问题