One of the great things about working with jQuery is that you can create poweful components without needing to use a whole lot of code. This week I’m releasing a very compact Slideshow plug-in that lets you create fade-in slideshows and it only takes up 820 bytes. I made this possible by skipping the normal routine of defining a <ul> list with <li> elements for each of the images and instead using a JavaScript array to store their locations.

Is this a good idea? Some would say that graceful degredation in the absence of JavaScript is a necessity, but as images aren’t hugely used for SEO purposes, I think that using simple arrays are more than adequate for achieving our goals here. The plug-in works across Firefox 3.5, IE, Chrome and Safari and if you need some more functionality out of it, it’s not difficult to add some keyboard events or nav buttons to skip through the images using other UI elements.

Please feel free to use it wherever useful :)

Related posts:

1. The Very Compact jQuery SlideShow component Hey guys. I’ve got lots of little projects in...
2. Minibox – a compact jQuery Slideshow component (experimental release) Today I’ve been working on a compact slideshow component...
3. jQuery Colour Selector plug-in with support for graceful degradation Hey guys. Here’s another entry on jQuery that someone...
4. jQuery UI Animation Effects The jQuery UI Effects Core brings a few more...
5. How to create impressive animations in jQuery with .animate() I’ve been asked many times over the past month...

Related posts brought to you by Yet Another Related Posts Plugin.