Pluit Carousel - Prototype Carousel

I was looking a Prototype based carousel, so I googled and found a couple. I was not very happy with what I found, so I decided to write my own version.

Carousel is definitely one the most widely used Javascript widgets, you probably need to use it to show your photos, product/feature highlights, top stories, page navigation and etc. It comes in different look and feel, but I found that they all still fall into Carousel gene.

The idea is you should be able to use the same semantically structured HTML and Javascript initialization codes, and apply different skins (CSS styling) to create different look and feels of a carousel.

It should really easy to use just like Lightbox JS, throw in the HTML tags and Javascript, and it should just work. The default skin should simple yet look good; so it can be used out of the box for many different sites, while the skins should be re-usable. And that’s what I was trying to achieve with Pluit Carousel.

Click here to download and for the demo page.

Hope you’ll find it useful for your project as much as I do.

2 Comments . Comments Feed . Trackback URI
Wed, 11 Aug 10 12:15 am . Marcelo wrote:

Great work, congratulations!

However, I’m trying to use Ajax to replace the carrossel with another one depending on the user’s choice in a drop down (the user selects a category and then I get the items from the database and replace the HTML with the new carrossel data) but the carrossel doesn’t work.

Do I have to somehow run the initialize js command again?

Thanks again.

Marcelo.

Wed, 11 Aug 10 09:59 pm . Herryanto Siatono wrote:

Np Marcelo,

Yeah you would most likely have to re-initialize the carousel.

Unless the elements do not get replaced (as in you just update the href and the image src), and total no of elements are the same, you wouldn’t need to.

Add Your Comment



(optional)