如何回到第一张幻灯片未完成的JQuery scrollleft和scrollright

时间:2016-02-06 23:28:22

标签: jquery image slider

我想使用JQuery创建div滑块,但我不知道如何回到第一张幻灯片。 此div滑块不是自动滑块。这是手动滑块。 单击“上一个”和“下一个”按钮时,可以来回移动一个div。 我想要做的是当我到达最后一个div时,当我点击“下一步”按钮时,我想移动到第一个div,以便用户可以重新开始。 我有11个div,每个宽度为240,总共2640像素,所以如果我点击“上一个”按钮返回到第一个,则需要一些时间。

这是我的代码。 $(document).ready(function(){

        $('#next').click(function(event) {
            event.preventDefault();
            $('.div-container').animate({scrollLeft:'+=240'}, 'slow');        
        });

        $('#prev').click(function(event) {
            event.preventDefault();
            $('.div-container').animate({scrollLeft:'-=240'}, 'slow');        
        });

    });

请告诉我。 感谢。

0 个答案:

没有答案