小编Mat*_*ddy的帖子

获取图像滑块以自动播放

我试图让我自己的图像滑块以4000毫秒的间隔自动播放.我尝试过使用,setTimeout但似乎无法让它工作.如果有人可以帮助我,我将不胜感激.以下是滑块的示例:

http://www.matthewruddy.com/slider-intervalissue/

任何想法我怎么能让它自动播放?

这是jQuery代码:

$(document).ready(function(){
    var images = $('.slider li');
    var slides = images.length;
    var sliderwidth = 500;
    var currentimage = 0;
    var containerwidth =  sliderwidth*slides;
    var autoplay = 4000;

    $('.slider').css('width', containerwidth);

    $('#next').bind('click',nextimage);

    function nextimage(){
        if(currentimage<slides-1){
            currentimage++;
            $('.slider').animate({left:-sliderwidth*(currentimage)},{duration:800,easing:'easeInOutCubic'});
        }
        else{
            currentimage = 0;
            $('.slider').animate({left:0},{duration:800,easing:'easeInOutCubic'})
        }
    };

});
Run Code Online (Sandbox Code Playgroud)

谢谢,马修

jquery timeout image

7
推荐指数
1
解决办法
6447
查看次数

标签 统计

image ×1

jquery ×1

timeout ×1