Help with image rotation slide show

Hello,

I inherited taking over a site and the main page has a slide show of 4 images. It is freezing on the last image instead of looping. Can anyone help?

Code:
function rotateImages( imageList, imageInterval ){
if( imageInterval == null ) {
var imageInterval = 7000;
}
var myImageItem = imageList + "> li.imageItem";
var fadeInTime = 500;
var imageFadeTime = 2500;
//var imageCount = $( myImageItem ).length;
var imageCount = 4;
var currentImage = 0;

// set up first item
$( myImageItem ).eq(currentImage).fadeIn(imageFadeTime);


// loop through images
var theBigLoop = setInterval( function() {
$( myImageItem ).eq(currentImage).fadeOut(imageFadeTime);
if( currentImage == imageCount ){
currentImage = 0;
} else {
currentImage++;
}
$( myImageItem ).eq(currentImage).fadeIn(imageFadeTime);
}, imageInterval); // end of setInterval

} // end of rotateImages

The site is here: http://www.crunchpak.com

thanks!
Reply With Quote

You could make that currentImage global, by removing the "var" from its line (see the bolded words below):
function rotateImages( imageList, imageInterval ){
...
currentImage = 0;
...


Or maybe this one:

var currentImage = 0;
function rotateImages( imageList, imageInterval ){
...
//var currentImage = 0;
..