views:

41165

answers:

10

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.

+1  A: 

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.

Mike
+6  A: 

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:

Gilean
second link is broken
itsadok
+2  A: 

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

A: 

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/

MooFlow seems to work just as well—and it's free...
Steve Harrison
COMIC SANS ALERT argh argh argh.
Robert Grant
A: 

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

blarnee.com/projects/cflow

chromaloop
...except that it crashes (at least on IE)
Pedery
...and on chrome it does nowt
Nicholas Murray
..and in firefox
zack
+16  A: 

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!
zack
Great - thanks zack!
thethinman
Thank you zack, this is indeed the best of all coverflow libs I have seen in my evaluation!
Jonathan Weiß
+1  A: 

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

Alex
A: 

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
zack
A: 

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.

Paul Whitrow
A: 

jCoverflip was just released and is very customizable.

New Signature