js水平滑动效果

Question

我目前正在使用jQuery，我正在寻找一种方法在新图像向左滑动时将图像向左滑动。

具体来说，我有一个iphone的静态图像。当我点击链接时，我需要在iphone的图像查看器上显示的当前图像向左滑动，因为新图像从右侧滑入。通常，这些图像及其名称和路径将在运行中生成，因此不能预先存在于DOM中。

我更喜欢一种可以不引人注意地应用的解决方案。

我知道jquery有slideUp和slideDown。他们为什么不左右？

Answer 1

jQuery提供了一个animate（）方法，允许您创建自定义动画。它需要四个参数：

1. 样式属性和值的地图
2. 可选速度
3. 可选的缓动类型
4. 可选的回调函数

所以要向左移动一些东西，你可以这样做：

$('#pic').animate({left:500}, 'slow');

当然，pic会将其CSS位置设置为绝对或相对，以便新值生效。

#pic
{
    position:absolute;
    left:100px;
    top:10px;
}

Answer 2

也许jCarousel会为你做这个吗？

Answer 3

您可以通过优秀的Cycle plugin来实现这一目标。但是，在这种情况下，它可能比您真正需要的要多一些。

Answer 4

这两个插件都很棒，我之前使用过这两个插件。有一个很棒的脚本可以使用循环插件和flickr将它们放在您的站点上。非常整洁。

试试安迪和安德鲁所说的话。祝你好运！