Monday, May 14th, 2007

Slider.js – Prototype based Carousel

Category: Component, JavaScript, Library, Prototype, Scriptaculous

Bruno Bornsztein has created Slider.js, a carousel widget that flips between content, based on Prototype and Script.aculo.us.

You can see it in action, or download it.

Posted by Dion Almaer at 8:59 am
16 Comments

+++--
3.7 rating from 103 votes

16 Comments »

Comments feed TrackBack URI

I have this feeling, your video breaks Ajaxian’s layout. Perhaps it’s because of AdBlock, I’m not sure – IE seems to work.

Comment by Kevinin — May 14, 2007

QuickTime has completely busticated Ajaxian on Mozilla-derived browsers. I thought this AJAX stuff was cross-browser compatible?

Comment by J. Jonah JSON — May 14, 2007

can u convert the quicktime to something else? a swf? or wrap it in a IFRAME. The Quicktime breaks the ajaxian layout on Firefox.

Comment by Satish Mummadi — May 14, 2007

I’m sure this kind of “Carousel” effect can be done with iCarousel too.

Comment by Fabio Zendhi Nagao — May 14, 2007

QuickTime is almost as bad as a Java Applet – use a SWF file instead.

Comment by QuickTime Sucks - Long Live SWF — May 14, 2007

Great stuff! I like this kind of stuff. Glad to see people are pushing the envelope with these kinds of components.

Comment by Alexei — May 14, 2007

Very nice – I’ve used a variety of scripts similar to this here and there. There’s been an itching question I’ve been eager to know. Can someone tell me if prototypes such as slyder and iCarosel are indexable by the search engine spiders? I’d really like the idea of utilizing some of these scripts but if the crawlers don’t like them it has a huge impact on what I will and will not use.

Comment by Vince — May 14, 2007

nice!
(but the developer should change the name: scriptacoulus already includes a slider.js file, so that’s confusing)

Comment by zeno — May 14, 2007

wow, that’s almost exactly like that i put together last year for abc.com’s LOST site which had the same features, with autoscrolling, end to beginning scrolling (instead of an endless loop of panels, which imo is a nicer way to do it) and it would take whatever content you threw into it… my work last year was an extension of Sebastien Gruhier’s carousel component written for Prototype… which of course was a take off of the YUI carousel component….

Comment by naterkane — May 14, 2007

Putting a QuickTime on the opening page was just nasty.

Having to load QT just to browse the top level entries was punishing!

Can you possibly snapshot a frame and JPG it?

Comment by Kris G. — May 14, 2007

First I took Gruhier’s carousel too which is a very nice piece of code, but eventually ended up writing my own for Monster.com’s upcoming opening page; but basically carousel’s are nothing new, and for videos and iframes one just have to wrap the inner content into an iframe as well.

Comment by DeadCabbit — May 15, 2007

Hehe… I’ve already done this before. = )
http://avis-media.com/main/web_multimedia/portfolio

Comment by Mertas — May 16, 2007

Does someone knows if there is a way to make the height of the Glider NOT fixed ?

Comment by HarZens — May 19, 2007

by the way, the project was renamed to Glider =)

Comment by HarZens — May 19, 2007

You guys who are having trouble with QuickTime are just using the wrong browser or OS. It works perfectly in WebKit on Mac OS X.

Well, of course it does. :-) But seriously, I’ve spent a lot of time figuring out how to get QuickTime movies to behave in Firefox, and it really would be nice if the Mozilla crowd would get on the ball and improve their support of QT. The dance I always do to keep these kinds of complaints from arising is to (a) put a poster image in front of the QT movie so it doesn’t show initially and then (b) use a javascript to show the QT movie onclick with (c) another script that lets people hide the QT movie with the poster image again if they like. It’s a lot of extra work, but QT is so much easier to work with than Flash that it’s worth the effort for me.

The last time I did QT movies in a front page article, I think, was back in October in an article on Safari 3.0. Regardless of your browser or OS, though, I agree that one shouldn’t force users to download a movie by default. It should always be optional.

Comment by Leland Scott — May 20, 2007

How can we avoid this warning in IE:

“To help protect your security, Internet Explorer has restricted this file from showing active content that could access your computer. Click here for options…”

Comment by Pixel Earth — October 30, 2007

Leave a comment

You must be logged in to post a comment.