jQuery的内容滑块需要自动播放

我有这个内容滑块和我需要它像一个幻灯片，我需要自动播放jQuery的内容滑块需要自动播放

$(document).ready(function() { 

$('.poveznicaDiv').click(function(){ 
    var broj = $(this).attr('id'); 
    broj = broj.split('ca'); 
    broj = parseInt(broj[1]);  
    $('#maskaSadrzaja').animate({'left': '-'+ 500*(broj-1) +'px'}, 'slow'); 
}); 
});

忽略ID和类名，他们是在克罗地亚：d

所以这个工作得很好，但我需要自动播放它

我想这：

slideShow(); 

function slideShow(){ 
    var i = 0; 
    $('#maskaSadrzaja').animate({'left': '-'+ 500*(i) +'px'}, 'slow'); 
    broj++; 
    // alert(i); 
    if(i>5){ 
     i=0; 
    } 
    setTimeout(slideShow, 1000); 
};

但这没有工作

我怎么能使它自动播放？

编辑

所以我尝试别的东西带班.poveznicaDiv的div也有一个id这就好比poveznica1，poveznica2等

所以，我想对他们

添加功能至极点击

事情是这样的：

i=1; 
function autoplay() { 
$('#poveznica'+i).click(); 
i++; 
setTimeout(autoplay, 1000); 
}

为什么犯规这项工作？我已经把它放在.ready中并且调用了函数（autoplay;）。帮助请

编辑

我的滑块（和HTML和CSS）几乎是相同的这一个http://www.webdeveloperjuice.com/2010/01/12/lightest-jquery-content-slider-ever-made-380-bytes/

我怎么能让它全自动旋转？

来源

2012-07-24 Damir

'i'是停留在'0'和'broj'不使用 – Alexander 2012-07-24 19:19:55

把它的document.ready，或类似这样的短

$(function() {  
var i = 0; 
$('#maskaSadrzaja').animate({'left': '-'+ 500*(i) +'px'}, 'slow'); 
broj++; 
// alert(i); 
if(i>5){ 
    i=0; 
} 
setTimeout(slideShow, 1000);

}）;

来源

2012-07-24 19:18:06

你的方式在这里下车 – Alexander 2012-07-24 19:21:21

我只是复制和粘贴一行代码，火负载 - “自动播放” – 2012-07-24 19:24:43

你的代码中不会增加i，你也必须将它传递给函数调用，因为它不是全局变量。

var slideShow = function(i){ 
    $('#maskaSadrzaja').animate({ 
    'left': '-' + 500*(i) + 'px' 
    }, 'slow'); 

    broj++; 

    if(i>5){ 
    i=0; 
    } 

    setTimeout(function(){ 
    slideShow(i+1); 
    }, 1000); 
}; 

slideShow(0);

来源

2012-07-24 19:19:32 JaredMcAteer

我想这并没有工作。我真的不需要增加broj吗？我试图把它放在.ready之外，但它没有奏效。 – Damir 2012-07-25 07:38:47

我不知道，如果没有上下文，很难说出你想要做什么。我在你的代码中指出了一个相当明显的错误。 – JaredMcAteer 2012-07-25 12:32:24

是的，我知道这是一个愚蠢的错误，但即时新的js和jquery和实践使完美。好的，我的滑块几乎和这个一样http://www.webdeveloperjuice.com/2010/01/12/lightest-jquery-content-slider-ever-made-380-bytes/我怎么能让它自动旋转？ – Damir 2012-07-25 16:44:26

jQuery的内容滑块需要自动播放

回答

相关问题