使用jQuery或其他庫的Apple Cover-flow效果？

Question

有誰知道如何使用JavaScript滾動瀏覽一堆圖像來實現封面流效果。 我不是在談論3D旋轉itunes封面藝術，而是當您點擊文檔文件夾中的空格鍵時發生的效果，允許您以燈箱方式預覽它們。

Answer 1

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

• 是我見過的最好的。 真正的'CoverFlow'，高度可配置，跨瀏覽器，非常流暢的動作，具有相關性並支持滾輪+鍵盤控制。 - 必須是你想要的！

Answer 2

不確定您是在談論Coverflow（滾動圖像）還是Quicklook（在燈箱中預覽文件），請嘗試編輯您的問題。

這是一些JS Coverflow實現：

• MooFlow - MooTools的Coverflow
• JS流量概念證明
• 使用JS和CSS Transforms的Coverflow（僅限Webkit）

Answer 3

我想這就是你想要的http://addyosmani.com/blog/jqueryuicoverflow/

Answer 4

在http://www.jqueryfordesigners.com/slider-gallery/上有一個Apple風格的Gallery Slider，它使用了jQuery和UI。

Answer 5

我嘗試使用Jack's Asylum封面流程，但它不會讓我輕松移除並重新添加整個封面流程。 我最終找到了http://finnrudolph.de/ImageFlow ，它不僅更可靠，更容易掛鈎，使用更少的標記，並且在翻閱圖像時不會抖動。 這是迄今為止我發現的最好的，我在這個頁面上嘗試了幾個。

Answer 6

jCoverflip剛剛發布，可以自定義。

Answer 7

colorbox具有如此驚人的功能。愛它。 也喜歡這個http://www.webappers.com/2008/03/05/galleria-simple-but-nice-jquery-image-gallery/

Answer 8

這是你想要的？

“ 使用jQuery創建類似Apple Itunes的橫幅旋轉器/幻燈片 ”是一篇文章，解釋了如何使用jQuery實現這樣的效果。

您還可以查看現場演示 。

Answer 9

查看momoflow： http ：//flow.momolog.info真正的封面效果，以及Webkit（Safari和Chrome）和Opera上的高性能，在Firefox上可以。

Answer 10

只是為了讓大家都知道，xFlow！ 已經做了一些重要的工作，並得到了很大的改善。

有關更多信息和最新版本，請訪問http://xflow.pwhitrow.com 。

Answer 11

我目前正在研究這個並計划將其作為jQuery-ui插件發布。

- > http://coulisse.luvdasun.com/

如果您有興趣以及希望在這樣的插件中看到什么，請告訴我。

GR

Answer 12

在這里嘗試Jquery接口元素 - http://interface.eyecon.ro/docs/carousel

這是一個樣本。 http://interface.eyecon.ro/demos/carousel.html

幾個月前我四處尋找一個Jquery圖像旋轉木馬，並沒有找到一個好的，所以我放棄了。 這是我能找到的最好的。

Answer 13

當您點擊文檔文件夾中的空格鍵時發生的效果，允許您以燈箱方式預覽它們

看起來像是一個經典的燈箱插件。 這是我最喜歡的jQuery燈箱插件： http ： //colorpowered.com/colorbox/ 。 它很容易定制等。

Answer 14

這個看起來非常有前途，並且比其他示例更接近實際的Apple coverflow效果：

blarnee.com/projects/cflow