Apple.com/iphone slideshow：它是如何工作的？

所以這是一個比實際問題更好的問題，所以請耐心等待。我剛剛簽出：Apple.com/iphone slideshow：它是如何工作的？

和覆蓋幻燈片只是看起來真的我印象深刻。我不想重現它，但我只是真的對這是如何工作感興趣。從我的檢查中，他們只是使用一堆定時webkit轉換/轉換，但我不知道到底發生了什麼。

另外，是否有一種簡單的方法來創建此行爲而不對其進行硬編碼，因爲這就是我現在要做的。

2011-10-06 nambrot

否則怎麼你的代碼呢？硬編碼是唯一的方法。 – Blender

可能是這樣的：http://jarinheit.posterous.com/google-io-adobes-new-css-3-animation-editor – nambrot

哇，不知道！ – Blender

我只是回答我自己的問題，因爲沒有人能真正爲我提供除硬編碼外的答案。我認爲蘋果公司在這方面付出了很多努力。我仍然通過複雜的使用CSS轉換印象深刻，特別是當對象將過渡到下一幀

2011-10-12 18:26:39 nambrot

-1

這是a working demo的源代碼。

基本上想法是，

這個想法的詳細描述允許您停止/反轉/暫停/恢復，在一個循環後自動停止，等等。

此效果的商標名稱是「滑塊」。所以你可以谷歌的滑塊和發現很多討論。有用於jquery（nivoslider）的滑塊，有一個用於mootools（slideitmoo），沒有框架的選項（比如我鏈接的scriptiny demo），等等。

2011-10-06 01:18:33 Cheeso

我知道如何做一個定時幻燈片與Javascript和CSS轉換工作？變換。我對它的複雜性印象更深刻。我可能會想出一個流程硬編碼，但我只是好奇是否有更高的訂單/方案/模型。如果仔細觀察，您可以獲得不同的舒適度，移入/移出動畫，以及Keynote的SmartMove效果 – nambrot

2012-02-20 04:28:38 mga911

回答