0

我有一个简单的动画问题,基本上,我需要制作一个元素,就好像它看起来向左滑动并从右侧返回下一张图像。画廊作为这样的作品,但不是动画。

这是我所拥有的:

$('.slideshow-container').animate({ left: -$(document).width()}, 'slow', function() {
    $('.prev').click();
    $('.slideshow-container').css({left: 'auto'});
    $('.slideshow-container').css({right: $(document).width()});
    $('.slideShow-container').animate({right : 'auto'});
});

它滑出但并没有真正回来:(

有什么帮助吗?

4

1 回答 1

1

首先jQuery 动画必须使用数值才能正常工作,不能使用 'auto' 或其他非数值。

其次,您不能只使用 1 个元素来执行此操作,因为您希望显示 ONE 从左侧来,而另一个 ONE 则从右侧离开。

第三,当使用 jQuery 动画 API 时,我建议只使用类似属性之一,例如left-rightup-down等等...

所以,你应该做的是实现你想要的:

  1. 使用元素在滑块中显示实际图像。
  2. 如果用户按下“下一步”,第二个元素的位置就是第一个元素的宽度(您也可以浮动元素来执行此操作)。
  3. 如果用户按下“prev”,则第二个元素的位置是其自身的负数。
  4. 一旦元素定位正确,您只需要修改Left OR Right CSS属性,但只有一个,同时修改两个都会给您带来麻烦。

干杯

于 2012-08-23T01:23:02.503 回答