Welcome to Part 2 of my YUI Carousel series. If you haven’t read it, Part 1 is here. Part 2 uses class names to setup multiple carousel instances, and also drops the YUI CSS in favour of writing your own custom css. The final Part 3 will show you how to write your own completely custom navigation for the carousel.

If you haven’t already read the first part of this tutorial, I suggest that you do. If you want to follow along, then please setup your workspace with a basic HTML file and somewhere to put Javascript, CSS & images now, the demonstration page is here . I’ll be using the same images as last time, same rules apply!

Welcome to my first JavaScript related post! I’m currently in the process of both learning *proper* JavaScript and trying to get to grips with the YUI framework. If you have suggestions for how to improve the following code I’d love to hear them.

The YUI Carousel widget is currently in Beta, and the navigation that it generates is very basic and, unlike the rest of the YUI framework, doesn’t have the necessary CSS hooks to style it properly. This may change with the release of YUI 3.0, but the Carousel widget isn’t included yet. So for the time being this three-part series will show you how to setup a Carousel & build custom navigation.

This past week or so I’ve been a busy bee re-writing the CSS for this blog. That might sound like an odd thing to do, but it had become unmanageable and was slowing me down. So this is a quick heads up, if you spot any bugs please let me know – you probably won’t notice the few design tweaks I’ve made!