Apple Cover-flow effect using jQuery or other library?

Question

Does anyone know how to achieve the cover-flow effect using JS to scroll through a bunch of images. I'm not talking about the 3d rotating itunes cover-art, but the effect that happens when you hit the space bar in a folder of documents, allowing you to preview them in a lightbox fashion.

Answer 1

Try Jquery Interface Elements here - http://interface.eyecon.ro/docs/carousel

Here's a sample. http://interface.eyecon.ro/demos/carousel.html

I looked around for a Jquery image carousel a few months ago and didn't find a good one so I gave up. This one was the best I could find.

Answer 2

Not sure if you're talking about Coverflow (scroll through images) or Quicklook (preview files in lightbox), try editing your question.

Here's some JS Coverflow implementations:

• MooFlow - Coverflow for MooTools
• Coverflow in JS proof of concept
• Coverflow using JS and CSS Transforms (Webkit only)

Answer 3

There is an Apple style Gallery Slider over at http://www.jqueryfordesigners.com/slider-gallery/ which uses jQuery and the UI.

Answer 4

I may have just the thing...

Introducing xFlow!, the PHP and Javascript Coverflow replacement.

http://www.pwhitrow.com/blog/entries/2009/04/06/xflow-a-javascript-and-php-based-coverflow-style-gallery/

Answer 5

This one looks really promising, and closer to the actual Apple coverflow effect than the other examples:

blarnee.com/projects/cflow

Answer 6

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

• is the best I ever found. a true 'CoverFlow', highly configurable, cross-browser, very smooth action, has relections and supports scroll wheel + keyboard control. - has to be what your looking for!

Answer 7

Check out momoflow: http://flow.momolog.info True coverflow effect, and performant on Webkit (Safari and Chrome) and Opera, ok on Firefox.

Answer 8

sorry I read the question wrong first time!

** "the effect that happens when you hit the space bar in a folder of documents, allowing you to preview them in a lightbox fashion"

• looks like a classic lightbox plugin is needed:

http://colorpowered.com/colorbox/

• is my favourite jquery lightbox plugin .. easy to customise etc

Answer 9

Just to let you all know, xFlow! has had some major work done on it and is vastly improved.

Go to http://xflow.pwhitrow.com for more info and the latest version.

Answer 10

jCoverflip was just released and is very customizable.