Couloir’s Resizing, Fading Slideshow Demo
Much noise has been made about Todd Dominey’s slideshowpro and for good reason since it is a high-quality Flash component. However, maybe you don’t need all that functionality or the client’s budget doesn’t allow for spending an extra $20 (hey, I’ve heard of worse), but you still need some slideshow capabilities. And let’s face it, some designers just don’t like to use Flash.
Well in all of those cases I think you should take a look at Couloir’s Javascript slideshow, which is an awesome piece of Javascript at work. It almost feels identical to a Flash application with great capabilities. Best of all it is licensed under a Creative Commons License so have at it.
I am considering using this for my upcoming personal site, but might splurge and treat myself to slideshowpro.




I dunno… it’s pretty cool but missing that really nice ‘fade’ that makes the slideshowpro that much cooler/professional looking.
Definitely a nice free alternative though. =)
By Jesse J. Anderson on April 13, 2005 11:51 am
You should also check out:
http://www.airtightinteractive.com/simpleviewer/
By Cody Lindley on April 13, 2005 11:59 am
Sweet! Thanks Cody, I have been looking for that link forever and just couldn’t remember what it was called. Bookmarked.
By Scrivs on April 13, 2005 12:18 pm
Todd Dominey also has a freebie XML slideshow ( the ancestor to Slideshow Pro ) which can be found on the SSP website.
I make alot of sites for photographers, so I’m always on the look out for new ways to display photos.
By Ben on April 13, 2005 12:55 pm
Also on airtight site …
postcardviewer
By Jouko on April 13, 2005 2:00 pm
For even more fun, note that a version of the technique is built in to PhotoStack (which is hands-down the best standards-based photo-gallery solution out there).
By ubernostrum on April 13, 2005 2:58 pm
Photostack’s solution just doesn’t do it for me like Couloir’s does I guess. Maybe it would with a different design around the demo, but as it stands now you sort of get this ‘plain’ feeling.
Ironic coming from someone who designed this plain site.
By Scrivs on April 13, 2005 4:47 pm
Is the couloir script really covered by the site’s CC licence? (I had the impression that that covered only the content, ie. the photos). Is there any documentation on it?
By kemie on April 14, 2005 9:18 am
kemie, view the source and you will see:
Script licensed under a Creative Commons License
By Scrivs on April 14, 2005 9:54 am
Aside from Travis Beckham’s original API, which I use and have extended with a few new methods, the code is covered under a CC license. Couloir.org itself, is offered under a different CC license.
By SU on April 14, 2005 9:54 am
Wow Scott, guess we answered at the same time. Thanks for chiming in.
By Scrivs on April 14, 2005 10:01 am
duh, couldn’t think of something as complicated as view source. thanks!
By kemie on April 14, 2005 12:05 pm
A while ago I took that script and added a few lines of php to make it reusable…
It’s on my site on the download sections and I have been using it for my site picture gallery.
I really loved the resize effect.
By Moises Kirsch on April 19, 2005 5:19 pm
I think that javascript slideshow is well-known feature, but better is using flash slideshow, especially for corporate presentation..
By Radek Karban on April 20, 2005 3:47 pm
i spent about half a day and put a nice slideshow based on the slideshowpro, it might not be as dynamic as slideshowpro but it does what i want.
have a look here http://www.petrosdimitriadis.com/gallery/
By Petros Dimitriadis on May 26, 2005 7:52 am
slideshowpro is very slick, i managed to put something like it, it took me about half a day and it is not as dynamic as the slideshowpro but i needed it for a cd-rom so it is working fine for me
http://www.petrosdimitriadis.com/gallery/
By Petros Dimitriadis on May 26, 2005 7:56 am
You know would look real nice on my sports tickets site that i have.
By sports tickets on February 4, 2006 4:18 am
Extra care for those who might use other JS scripts like JQuery together with Couloir. I found out that both scripts are chasing for the Onload event. Who gets there first obviously disables the other.
In my case, i put JQuery at the part, then Couloir at some part. Then eventually getting Couloir’s initialization phase knocked off.
I’d be glad though if one was able to circumvent with such issue and by generously telling us here how to do so.
By mokker on April 22, 2007 11:12 pm
…oops! The first part by the way is the HEAD and the latter is the BODY.
By mokker on April 22, 2007 11:15 pm