YUI: Javascript Carousel with Custom Navigation – Part 2
Welcome to Part 2 of my YUI Carousel series. This part 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 ditch the YUI navigation completely, so that you can use custom labels.
I recommend that you read Part 1 of this tutorial if you haven’t already. 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!
Related Submissions:
- YUI: Javascript Carousel with Custom Navigation 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,...
- jQuery Infinite Carousel With jQuery for Designer’s redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac...
- jQuery Infinite Carousel Unlike most carousel plugins which stop when they get to the last image, this one allows the show to go on infinitely without any user...
- Creating a Wobbling 3D Carousel We’ve all seen a carousel in one form or another. This post will show how to create a carousel with a wobbling effect, much like...
- Creating a Custom FaceBook Page A Facebook Page is a public Profile that enables information about business and products to be shared with Facebook users and the public. An user...