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-right、up-down等等...

所以，你应该做的是实现你想要的：

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

干杯

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