滑动java设置间隔如何重复

时间:2016-01-20 17:38:06

标签: javascript jquery

如何重复我的滑块。 这是我的代码,所以基本上我们想循环滑块 而maby(如果不是很难)也是一个执行函数,所以它会间隔一次吗?像下一个按钮。 顺便提一下编程的新方式。 我很满意你的所有帮助。

$(document).ready(function () {
    
    var theImage = $('#product_slider li img');

    var totalWidth = theImage.length * 880;
    $('#product_slider').css({
        width: totalWidth
    });

 if (products.length > 0) {
        setInterval(function () {
            var marginProductSlider = $('#product_slider').css('marginTop');
            var minMargin = '-' + (($('#product_slider li').length - 1) * 880) + 'px';
            var direction = '-';
            if (marginProductSlider === 0) {
                direction = '-';
            }
            if (marginProductSlider === minMargin) {
                direction = '+';
            }

            $('#product_slider').animate({
                marginTop: direction + '=406px'
            }, 1000, function () {
                var curPos = parseInt($('#product_slider').css('marginTop').replace('px', ''));
                var arrayPos = curPos / -406;
                var item = $('#product_slider li').eq(arrayPos).data();
                $('#product_title').text(item.title);
                $('#product_designer').text('Designed by ' + item.designed_by);
                $('#product_description').text(item.description);
            });
        }, 9000);

    }

});

提前致谢

曼努埃尔

0 个答案:

没有答案