Question

我根本无法理解。图像应该每3秒移动一次，然后当它到达图像的最后重放时。

'use strict':

$(function() {

    var width = 720;
    var animationSpeed = 1000;
    var pause = 3000;
    var currentSlide = 1;

    var $slider = $('#slider');
    var $slideContainer = $slider.find('.slides');
    var $slides = $slideContainer.find('.slide');

    var interval;

    function startSlider(){
         interval = setInterval(function() {
            $slideContainer.animate({'margin-left': '-='+width}, animationSpeed, function(){
                currentSlide++;
                if (currentSlide === $slides.length) {
                    currentSlide = 1;
                    $slideContainer.css('margin-left', 0);
                }
            });
        }, pause);
    }

    function stopSlider() {
        clearInterval(interval);
    }
    $slider.on('mouseenter', stopSlider).on('mouseleave', startSlider);

});

Answer 1

我不确定，但我运行脚本，一切正常。有一点，就是'使用脚本'之后应该使用分号

Jquery图像滑块不起作用

1 个答案: