Monday, May 14th, 2007
Slider.js - Prototype based Carousel
Category: JavaScript
, Library, Component, 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.
3.7 rating from 57 votes
I have this feeling, your video breaks Ajaxian’s layout. Perhaps it’s because of AdBlock, I’m not sure - IE seems to work.
QuickTime has completely busticated Ajaxian on Mozilla-derived browsers. I thought this AJAX stuff was cross-browser compatible?
can u convert the quicktime to something else? a swf? or wrap it in a IFRAME. The Quicktime breaks the ajaxian layout on Firefox.
I’m sure this kind of “Carousel” effect can be done with iCarousel too.
QuickTime is almost as bad as a Java Applet - use a SWF file instead.
Great stuff! I like this kind of stuff. Glad to see people are pushing the envelope with these kinds of components.
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.
nice!
(but the developer should change the name: scriptacoulus already includes a slider.js file, so that’s confusing)
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….
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?
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.
Hehe… I’ve already done this before. = )
http://avis-media.com/main/web_multimedia/portfolio
Does someone knows if there is a way to make the height of the Glider NOT fixed ?
by the way, the project was renamed to Glider =)
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.
Here you can find the same kind of effect using iCarousel:
http://zend.lojcomm.com.br/icarousel/example3.asp
Ops… link misstyped. Here’s the right one:
http://zend.lojcomm.com.br/icarousel/example6.asp
Hi,
how can i make independant height sections using css overflow-y? i ha to put some different height contents.
Thnaks.
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…”