0

请看这个小提琴并点击“减少”:

http://jsfiddle.net/2C8fy/16/

如您所见,图像向右反弹。增加功能按钮完全可以正常工作。我知道问题出在这个函数上,我用注释特别指出了它:

 function slide_img_right() {

    var imgs = imgArr.length;
    a--;
    if (a < 0) {
        a = imgs - 1;
    }

    b = a - 1;
    c = a + 1;

    if (b < 0) {
        b = imgs - 1;
    }
    if (c >= imgs) {
        c = 0;
    }

    var left = $('#left_slot');
    var middle = $('#middle_slot');
    var right = $('#right_slot');
    var newImgSR = imgArr[a].clone();

    $('#basic_div').animate({
        left: '+=40px'      // This part is causing the bounce
    }, 300, function() {

    });


    left.attr('id', 'middle_slot');
    middle.attr('id', 'right_slot');


    (newImgSR).insertBefore("#middle_slot");
    newImgSR.attr('id', 'left_slot');
    newImgSR.css('opacity','0');
    newImgSR.fadeTo(300, 1);


    right.animate({
        opacity: 0
    }, 300, function() {
        right.remove();
        $('#basic_div').css({
            left: '0px'               //This part is causing the bounce back.
        });
    });
}

我只是不知道如何解决它。我试过改变宽度而不是左边,我也试过改变函数中发生的事情的顺序,但是我能做些什么来让那个东西像增加按钮一样只在相反的方向工作呢?谢谢!

4

1 回答 1

1
$('#basic_div').css("left","-40px"); //Add this line here.

        $('#basic_div').animate({
            left: '+=40px'      // This part is causing the bounce
        }, 300, function() {

        });

查看更新的小提琴:http: //jsfiddle.net/2C8fy/19/

看看为什么看看:

http://jsfiddle.net/2C8fy/20/在这里,您可以看到,为了将该图像滑动到视图中,它必须位于您当前的查看区域之外。

于 2012-04-26T04:02:41.947 回答