Home & blog  /  Tag: carousel  /

Uber-customisable video carousel

posted: 12 Jan '11 14:21 tags: carousel, video, slideshow, XML, transition, jQuery

Hello 2011! Sorry for the hiatus, I've been away visiting family in Russia and then it was christmas and new year and, well, you get the idea.

Anyway it's not like I've not been busy. Behold, my new video carousel. Head over here to download, get usage info or view a demo.

This carousel can display both graphic and video slides (the latter using JWPlayer), and is super customisable.

Via the single XML config file it reads, you can control the position of the slide tabs (top, bottom, right, left), info area (left, right, none), control the transition type, auto-rotate speed and more.

Enjoy!

1 comments | post new

My new carousel - now documented!

posted: 03 Sep '10 14:31 tags: carousel, slideshow, transition, jQuery, Javascript

Several days after posting my new carousel, I thought it was about time I documented it. I now have, with complete instructions and a demo.

Head over here to download, get usage info or view a demo.

This is the first carousel I've seen that genuinely wraps slides visually when they're bumped off the edges. That is, when a slide is bumped off one edge, it visually reappears at the opposite edge in equal measure, giving a wrapping effect (I guess there are other carousels that do this, but I've not seen any).

The 'on' slide is always centered, while the 'off' slides are narrower, semi-opaque and sit around the 'on' slide. See the demo.

Like most of my work, there are no HTML or CSS dependencies for using the carousel - everything is built (i.e. DOM-scripted) by and styled within the single JS file.

A separate config file stores all data relating to each sldie - the image to load, the caption headline and text, and the URL to go to when the slide is clicked.

Enjoy.

post a comment

Mitya's lovely new carousel

posted: 29 Aug '10 19:37 tags: carousel, slideshow, transition, jQuery, Javascript

Spent all day making this so you'll forgive me if I want to get as far away from my computer as possible right now and document it later.

In short, it's a nice carousel where the slides actually wrap (why do so few jQuery carousels do that?)

Head over here to download, get usage info or view a demo.

More later...

post a comment