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 )
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demojunk
js
testimages
README.textile
example2.html
index.html

README.textile

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]