Javascript/jQuery 动画答案

【问题标题】：Javascript/jQuery AnimationJavascript/jQuery 动画
【发布时间】：2011-12-06 05:32:06
【问题描述】：

我正在慢慢地从 Flash 转向 HTML/JS 作为替代。我正在尝试实现如下链接所示的幻灯片效果。在 Actionscript 中，这将使用 Tween 函数完成。

http://www.mrporter.com/

对于 javascript jQuery 是否有任何类似且高效的（即非处理器密集型）可以允许这样做......？任何推荐的第 3 方打包、API 等...

非常感谢

【问题讨论】：

有数百个 javascript/jquery 幻灯片
有很多 jquery 滑块插件可以做类似的效果。只是谷歌arround :)

标签： javascript jquery flash animation

【解决方案1】：

jQuery animate 是做动画的好开始。

将您所有的图像放在一个<div> 中，彼此相邻，并每 1000 毫秒进行一次动画处理。到下一个动画。

var numberOfImages = 5, ix = 0;
setInterval(function () {
    // reset after 'numberOfImages' is reached
    ix = ++ix = numberOfImages ? 0 : ix; 

    $('#awesomeImage').animate({
        left: ix * -500px
    }, { "duration": "slow", "easing": "easein" });
}, 1000);

【讨论】：