完成滑动后停止滑块

时间:2013-07-21 07:01:56

标签: jquery

我有一个带有左右箭头的动画div,我只是想在图像完成后停止滑块,我的问题是滑块继续向左和向右移动空格,这是我的代码

  

function(){

    var size = $("div.slide-here li").size();

    var div_size = size / 4 * 163;
    $('.photo-gallery div.slide-here').css('width', div_size);
    $('.photo-pagging .left-arrow a').click(
        function () {
            $('.photo-gallery div.slide-here').animate({ left: '+=196px' });


            return false;
        });
    $('.photo-pagging .right-arrow a').click(
        function () {
            $('.photo-gallery  div.slide-here').animate({ left: '-=196px' });

            return false;

        });

2 个答案:

答案 0 :(得分:0)

通过将图像宽度*乘以图像的数量来设置端点的边界条件 - 向左移动1 * - 1,向右移动0。这显然是对第一个元素的检查。

对于给定的信息,很难更具体。

编辑:*而不是x用于乘法运算符

答案 1 :(得分:0)

欢迎使用Stackoverflow!你的问题不够明确,我建议你read this关于未来更好的问题。

关于您的问题,建议您阅读here,了解如何使用图片构建jQuery滑块插件。

祝你好运!