Advanced jQuery Anything Slider

I was recently  asked by a client to create a bespoke jQuery plugin slider. Fortunately for me the guys over at CSS tricks had already created a very good platform on which to start. The anything slider is a powerful jQuery slider which enables users to create slides from just about anything you can imagine. Images, text and lists are all facilitated. My modifications are freely available to download and try out in the demo.

Usage

For the complete guide to using the anything slider I would recommend checking out the CSS Tricks article as all the core functionality has remained the same.

Advanced Features

The anything slider is now capable of auto generating thumbnails based on the image passed into the <li> slide. as long as a class of “photo” is applied to the image. In the event that you do not have an image in the slide, you can now pass in a default parameter for a thumbnail that you would like to display like so:

defaultThumb: 'images/kitchens/9.jpg'

The slider controls have also been modified so that the arrows will browse through all the available slides, only 5 slides will appear on screen at a time meaning that you can have unlimited slides without having any display issues.

Demo

You can check out the modified slider demo in action. I have tested this plugin on FF, Safari and IE browsers and had no issues. One of the really great aspects about this plugin is the fallback mode when you disable javascript, it has been really well thought out by Chris Coyier so you wont fall victim to inaccessible content. Please feel free to download my modified version and try it out for yourself!