使用jQuery或其他库的Apple Cover-flow效果?

时间:2008-09-15 21:32:18

标签: javascript jquery client-side-scripting

有没有人知道如何使用JavaScript滚动浏览一堆图像来实现封面流效果。我不是在谈论3D旋转 itunes 封面艺术,而是当您点击文档文件夹中的空格键时发生的效果,允许您在灯箱中预览它们/ em>时尚。

14 个答案:

答案 0 :(得分:71)

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

  • 是我见过的最好的。 真正的'CoverFlow',高度可配置,跨浏览器,非常流畅的动作,具有相关性并支持滚轮+键盘控制。 - 必须是你想要的!

答案 1 :(得分:11)

不确定您是在谈论Coverflow(滚动图片)还是Quicklook(在灯箱中预览文件),请尝试编辑您的问题。

以下是一些JS Coverflow实现:

答案 2 :(得分:8)

我认为这就是你想要的http://addyosmani.com/blog/jqueryuicoverflow/

答案 3 :(得分:3)

有一个Apple风格的Gallery Slider http://www.jqueryfordesigners.com/slider-gallery/使用jQuery和UI。

答案 4 :(得分:3)

我尝试使用Jack's Asylum封面流程,但它不会让我轻松移除并重新添加整个封面流程。我最终找到了http://finnrudolph.de/ImageFlow,它不仅更可靠,更容易挂钩,使用更少的标记,并且在翻阅图像时不会抖动。这是迄今为止我发现的最好的,我在这个页面上尝试了几个。

答案 5 :(得分:2)

jCoverflip刚刚发布,可以自定义。

答案 6 :(得分:2)

colorbox具有如此惊人的功能。爱它。 也像这个http://www.webappers.com/2008/03/05/galleria-simple-but-nice-jquery-image-gallery/

答案 7 :(得分:2)

这是你在找什么?

Create an Apple Itunes-like banner rotator/slideshow with jQuery”是一篇解释如何使用jQuery实现此效果的文章。

你也可以查看 live demo

答案 8 :(得分:1)

在此处尝试Jquery接口元素 - http://interface.eyecon.ro/docs/carousel

这是一个样本。 http://interface.eyecon.ro/demos/carousel.html

几个月前,我四处寻找一个Jquery图像轮播,并没有找到一个好的,所以我放弃了。这是我能找到的最好的。

答案 9 :(得分:1)

查看momoflow:http://flow.momolog.info 真正的封面效果,以及Webkit(Safari和Chrome)和Opera上的高性能,在Firefox上都可以。

答案 10 :(得分:1)

只是为了让大家都知道,xFlow!已经完成了一些重大的工作,并得到了很大的改进。

转到http://xflow.pwhitrow.com了解更多信息和最新版本。

答案 11 :(得分:1)

我目前正致力于此并计划将其作为jQuery-ui插件发布。

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

如果您有兴趣以及希望在这样的插件中看到什么,请告诉我。

答案 12 :(得分:0)

  

当您点击文件夹中的空格键时发生的效果   文档,允许您以灯箱方式预览它们

看起来像是一个经典的灯箱插件。这是我最喜欢的jQuery灯箱插件:http://colorpowered.com/colorbox/。它很容易定制等。

答案 13 :(得分:-1)

这个看起来非常有前途,并且比其他例子更接近实际的Apple coverflow效果:

blarnee.com/projects/cflow