js / jquery coverflow效果

时间:2010-02-02 18:10:19

标签: jquery javascript effect coverflow

我尝试使用js / jQuery存档某个效果:Apple Mac OS X Coverflow Coverflow http://img69.imageshack.us/img69/8716/bildschirmfoto20100202u.png效果,您可以在finder中选择。 你能指点我一个温柔的&流畅的插件?我喜欢#roundabout for jquery但不幸的是他们不支持这种效果。我也尝试了这篇文章的一些链接插件:Apple Cover-flow effect using jQuery or other library? 但它们都很糟糕,只是在firefox中不能顺利工作(更不用说IE)。

由于

4 个答案:

答案 0 :(得分:2)

这是Cover Flow的跨浏览器实现:http://luwes.co/labs/js-cover-flow/

主要模式适用于HTML5(JavaScript / CSS),并且它对闪存中的旧浏览器具有后备功能。它支持移动,您可以通过简单的滑动手势翻转封面。

在最新的webkit浏览器中进行硬件加速。

测试:Safari,Chrome,Firefox,Opera,IE8 +,iPad,iPhone

答案 1 :(得分:1)

我尝试了一段时间用javascript / jquery寻找相同的东西。能找到任何有转动效果的东西。最后,我使用了Sebastiaan Holtrop

的Flex组件

您可以看到演示应用here - 侧面的控件只显示如何自定义组件。非常容易定制。

工作得非常顺利。我花了几天的时间让它为我工作 - 以前对Flex一无所知。

答案 2 :(得分:1)

查看momoflow

真正的封面效果,在Webkit(Safari和Chrome)和Opera上非常高效,在Firefox上可以。

答案 3 :(得分:0)

它看起来好像真正的视觉效果尚未归档,因为事实证明这很难。您可能也需要使用一些画布/转换技术。 jQuery规划/开发维基说:http://jqueryui.pbworks.com/Coverflow