chrismckee / fufade

Optimized JQuery Slideshow Fader with navigation buttons (Compatible with jQuery 1.4 and good job too as its the version referenced in the example)............................ Suggestions Welcome (file them under Issues so I don't lose them ~ receive duplicates thanks. ( http://chrismckee.co.uk )

fuFade 1.1 – jQuery slideshow plugin

Info

fuFade is a slideshow plugin with next/prev buttons and via css allows you to provide a more semantically pleasing slideshow (see example.htm)
I’ve optimized this code and also cleaned it up as far as possible to a point where it almost passes the lint test (jslint.com).

Developed by Chris McKee, http://chrismckee.co.uk
For updates, follow Chris McKee on Twitter

DEMO
http://chrismckee.co.uk/labs/fufade/

Examples

Included in archive.

Markup

As in the Example File.

CSS

In the Example file.

Initialize

<script type="text/javascript">
// As in the example 
	   $(function(){
			$('ul#slideshow').fuFade({
				speed: 2000,
				timeout: 4000,
				containerheight: '334px'
			});
		});
    
// Minimal
	   $(function(){
			$('ul#slideshow').fuFade();
		});
</script>

Options

 	  speed: Fading Speed in milliseconds or keywords (slow, normal or fast) (Default: 'normal'), 
 	  timeout: Time between the fades in milliseconds (Default: '2 seconds [2000 ms]'), 
 	  type: Type of slideshow: 'sequence', 'random' (Default: 'sequence'), 
 		containerheight: Height of the containing element in any css-height-value (Default: 'auto'),
 	  runningclass: CSS-Class which the container get's applied (Default: 'fufade'),
 	  children: optional children selector (Default: null)

Changelog

• Modified release
  JSLint ran on code; jQuery lint tested.
• First Release 1.0

Based on…

innerfade by Torsten Baldes [http://bit.ly/8MiZzr]
which was based on the work of Matt Oakes [http://bit.ly/moaks]
& Ralf S. Engelschall [http://bit.ly/chootrain]