像幻灯片

问题描述:

内容滑块我有几乎相同的内容滑块像this one像幻灯片

我怎么会让它自动旋转?我尝试过不同的方式,但我无法使它工作。我试图把一个点击的链接,但它不工作:

i=1; 
function autoplay(){ 
$('#navPoveznica'+i).click(); 
i++; 
if(i>5){i=0}; 
setTimeout(autoplay, 2000); 
} 

我调用的函数,当DOM是.ready()
我真的没了主意,为什么不这项工作?我可以选择这种方式吗?
我应该使用链接类和.each()

它为我工作得很好。请检查Demo

请将您的html,js完全粘贴,以便我们可以在jsfiddle中进行检查或设置它。

+0

是的,它的工作原理!我没有工作,因为我正在调用函数,我宣布它:哦,谢谢! – damird 2012-07-27 08:18:43

你可以做的是使一个需要滑动像

//Define Variables 
var divArray = []; 
var delay: 6000; 
var autoPlay: true; 
var totalDivs: 5; 
i = 1; 

function createDivArray(){ 
    $('#content_slider_container').find("div").each(function() { 
     divArray.push(this.attr('id')); 
    }); 
} 

所有的div的数组然后写一个自动播放功能就像这样:

function autoPlay(divArray) { 
    ContentSlider = setInterval(function play(){ 
     $(divArray).eq(i).slideLeft(); 
     if (i >= totalDivs){ 
     i = 0; 
     } else { 
     i++; 
     } 
    } 
    }, options.delay); 

运行像

功能
autoPlay(divArray); 
+0

感谢您的答案,但似乎我的原始代码的作品。欢呼 – damird 2012-07-27 08:19:51

+0

不用担心,欢迎您! :) – Amyth 2012-07-27 08:32:38