js/jquery coverflow effect

Question

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

Answer 1

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

Answer 2

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.

Answer 3

Check out momoflow

True coverflow effect, very performant on Webkit (Safari and Chrome) and Opera, ok on Firefox.

Answer 4

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