Hey guys. I’ve got lots of little projects in the works and right now I’m releasing a very compact Slideshow plug-in  that lets you create fade-in slideshows really easily and it only takes up 820 bytes (that’s less than 1KB!).

I made this possible by skipping the normal routine of defining a list with elements for each of the images and instead using a JavaScript JSON array to store their locations. Why not grab it now? :)

Download or Demo

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.

Related posts:

1. New release: The 820 byte compact jQuery Slideshow component   One of the great things about working with jQuery...
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...

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

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...

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

Today I’ve been working on a compact slideshow component for jQuery – I can’t wait to get back to working on our CoverFlow component, but here’s a little extra you might find useful. I figured that as many of my fellow developers have sites with a fairly standard size sidebar, why not create something that could offer simple image viewing capabilities in that limited realestate? This is where Minibox comes in.

The plugin (which you can see above with a polaroid skin) is fairly simple and allows you to flip back and forth between the images in a UL list and  also displays captions for each item to your users.

One of the main aims of this mini-project was to create a small-sized add-on that doesn’t sacrifice on functionality – for example the component also includes a nice fade-in effect for transitions (using a minified version of the easing plugin).  The total size of the plugin is 3.5kb with another 3.8kb needed for easing effects. Thats it.

You can download the sources now over at Google Code.

Related posts:

1. New release: The 820 byte compact jQuery Slideshow component   One of the great things about working with jQuery...
2. The Very Compact jQuery SlideShow component Hey guys. I’ve got lots of little projects in...
3. cFlow – Coverflow for jQuery (Experimental Release)     Update: This component has been replaced by the more...

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