js/jquery 覆盖流效果
我尝试使用 js/jQuery 存档某种效果:Apple Mac OS X Coverflow Coverflow http ://img69.imageshack.us/img69/8716/bildschirmfoto20100202u.png 效果,您可以在取景器中选择。 你能给我指点一下吗?插件工作顺利吗?我喜欢 jquery 的#roundabout,但不幸的是他们不支持这种效果。我还尝试了本文的一些链接插件:Apple Cover - 使用 jQuery 或其他库实现流效果? 但它们都很糟糕,而且在 Firefox 中运行不顺畅(更不用说 IE)了。
谢谢
I try to archive a certain effect with js/jQuery: The Apple Mac OS X Coverflow Coverflow http://img69.imageshack.us/img69/8716/bildschirmfoto20100202u.png effect which you can choose within finder.
Can you point me to a gently & smooth working plugin? I love #roundabout for jquery but unfortunately they don't support that effect. I also tried some of the linked plugins of this post: Apple Cover-flow effect using jQuery or other library?
but they are all crappy and just do not work smooth in firefox (not to mention IE).
Thanks
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
查看 momoflow
真正的 coverflow 效果,在 Webkit(Safari 和 Chrome)和 Opera 上性能非常好,在 Firefox 上也不错。
Check out momoflow
True coverflow effect, very performant on Webkit (Safari and Chrome) and Opera, ok on Firefox.
看起来好像真正的视觉效果还没有被存档,因为事实证明它相当困难。您可能还需要使用一些画布/转换技术。 jQuery 规划/开发 wiki 的内容如下: http://jqueryui.pbworks.com/Coverflow
It seams as if the real visual effect hasn't been archived at all yet as it turns out to be quite difficult. You probably need too use some canvas/transformation technique for it. jQuery planing/development wiki says following: http://jqueryui.pbworks.com/Coverflow
这是 Cover Flow 的跨浏览器实现:http://luwes.co/ labs/js-cover-flow/
主要模式在 HTML5 (JavaScript/CSS) 中工作,并且在 Flash 中为旧版浏览器提供了后备功能。它支持移动设备,您可以通过简单的滑动手势翻阅封面。
它在最新的 webkit 浏览器中进行了硬件加速。
测试环境:Safari、Chrome、Firefox、Opera、IE8+、iPad、iPhone
This is a cross-browser implementation of Cover Flow: http://luwes.co/labs/js-cover-flow/
The primary mode works in HTML5 (JavaScript/CSS) and it has a fallback for older browsers in flash. It supports mobile, you can flip through the covers with a simple swipe gesture.
It is hardware accelerated in the latest webkit browsers.
Tested on: Safari, Chrome, Firefox, Opera, IE8+, iPad, iPhone
我尝试了一段时间,用 javascript/jquery 寻找同样的东西。可以找到任何具有旋转效果的东西。最后,我使用了 Sebastiaan Holtrop 的 Flex 组件,
您可以看到演示应用程序 此处 - 侧面的控件仅向您展示如何自定义组件。非常容易定制。
工作相当顺利。我只花了几天时间就让它为我工作——之前我对 Flex 一无所知。
I tried for a while looking for the same thing with javascript/jquery. Could find anything with the turning effect. At the end I used a Flex component by Sebastiaan Holtrop
You can see the demo app here - the controls on the side just show you how you can customize the component. Very easy to customize.
Works quite smoothly. It only took me a couple of days to get it to work for me - without knowing anything about Flex before.