Apple Cover-flow effect using jQuery or other library?

Question

Does anyone know how to achieve the cover-flow effect using JavaScript 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.

Solution 1

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!

Solution 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)

Solution 3

I think this is what you want http://addyosmani.com/blog/jqueryuicoverflow/

Solution 4

I tried using the the Jack's Asylum cover flow but it wouldn't let me easily remove and re-add an entire coverflow. I eventually found http://finnrudolph.de/ImageFlow and not only is it more reliable, it's easier to hook into, uses less markup, and doesn't jitter when flipping through images. It's by far the best I've found, and I've tried several on this page.

Solution 5

colorbox has such amazing features..loving it. Also like this one http://www.webappers.com/2008/03/05/galleria-simple-but-nice-jquery-image-gallery/

View more solutions