2011-05-17 81 views
4

我正在尋找一個模仿Apple Time Machine功能的jQuery旋轉木馬,而是爲next/prev提供兩個單擊按鈕,而不是單擊圖像或像coverflow中的滑塊。但TM的'多屏幕'效果不是從屏幕/窗口的實際頂部堆疊消失到TM頂部,而是在左側逐漸減少到屏幕右側邊緣,如果這是有意義的。jQuery Apple Time Machine旋轉木馬

傳送帶理想情況下是vids,但更可能只是vids的屏幕,它可以通過點擊加載實際的vid或轉到專用頁面。

任何人都知道任何示例/演示?

最近我發現是這樣的: Space Gallery

但在理想情況下被消失/ carouselling到右側而不是頂部和進步上的按鈕,而不是實際的屏幕點擊。

+2

+1的空間畫廊。不錯的一個 – 2011-05-17 14:33:32

+0

我找到了[this one](http://css-tricks.com/examples/MovingBoxes/)或[this one](http://galleria.aino.se/themes/classic/)。這與你所尋找的相似嗎? – 2011-05-17 14:50:12

+0

@daemon_x - 不,不是真的....有點像這個屏幕:http://www.alkaemia.com/images/carousel.jpg – alkaemia 2011-05-17 15:32:11

回答

-2

我認爲你正在尋找這個 http://www.baijs.nl/tinycarousel/

這在以前的項目,其中要求是類似於你已經工作很適合我。

+1

這看起來**沒有像**所要求的。也許你可以分享你的修改,以便他可以達到預期的效果。 – Sparky 2011-05-19 15:30:45

+0

我稍微改變了tinycarousel的源代碼,以便視口(即顯示圖像的portlet)現在顯示彼此重疊的圖像,如http://www.highdots.com/forums所示。 /cascading-style-sheets/4-common-methods-overlap-2-a-261086.html 並且添加了一個onclick事件,以便在新模式窗口中點擊圖像時播放視頻。 回答問題時,我從alkaemia.com/images/ carousel.jpg中獲得了提示。但是,是的,我得到的效果只是重疊,而不是前後轉換,但我認爲可以用這個來完成。 – Abhinav 2011-05-19 18:27:12

2

我發現ContentFlow是一個很棒的Javascript庫,用於製作Cover Flow動畫。它與默認情況下的Apple Cover Flow非常相似,但您需要進行一些自定義以使其模仿Time Machine的向上/向下滑動。它有相當有用的演示和文檔來幫助你完成整個過程。

http://www.jacksasylum.eu/ContentFlow/