Help with image rotation slide show

[schnarkle]

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?

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!

[Justin Erickson]

Your problem is in here.

// loop through images
var theBigLoop = setInterval( function() {
$( myImageItem ).eq(currentImage).fadeOut(imageFadeTime);
if( currentImage == imageCount ){
currentImage = 0;

[schnarkle]

Any clue on how I can fix?

thanks

[schnarkle]

anyone?

[Justin Erickson]

Try to change currentImage=1

[schnarkle]

Thank you for the response. I tried and it gets to the 4th image, stays a long time then cycles very quickly through the next image to the next. It's like it gets stuck and the other images pile up behind it?

[schnarkle]

bump

[Justin Erickson]

Here is a great forum you can find your question at.

Warrior Forum