Question

我有一个简单的动画问题，基本上，我需要创建一个元素，好像它似乎向左滑动，然后从右侧返回到下一个图像。这样的画廊是有效的，但不是动画。

这就是我所拥有的：

$('.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'});
});

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

有任何帮助吗？

Answer 1

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

第二次，你不能只使用1个元素来执行此操作，因为，你想要显示一个来自左边而另一个元素离开右边。

第三次，使用jQuery动画API时，我建议只使用其中一个类似的属性，例如 left-right ， up-down 依此类推......

那么，你应该做些什么来实现你想要的：

使用元素在滑块中显示实际图像。
如果用户按下'next'，则第二个元素的位置是第一个元素的宽度（您也可以浮动元素来执行此操作）。
如果用户按下'prev'，则第二个元素的位置为负值。
一旦元素定位正确，你只需要修改左或右CSS属性，但只有一个，修改两者都会给你带来麻烦。

干杯

幻灯片动画

1 个答案: