2011-10-12 51 views
1

我正在慢慢地從Flash和HTML/JS中取代。我正在嘗試實現幻燈片效果,如下面的鏈接所示。在ActionScript中,這將使用Tween函數完成。Javascript/jQuery動畫

http://www.mrporter.com/

有什麼相似和高效(即不消耗處理器)可用於JavaScript的jQuery的,可以讓這個....?任何建議第三方包裝,API的等...

非常感謝

+0

有數百個javascript/jquery幻燈片 – Joe

+0

有很多jquery滑塊插件可以做類似的效果。只是谷歌arround :) –

回答

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);