In order to fix this, I ammended the code slightly. This:

/**
* Function: autoPlay
*
* Internal function that is used to scroll through the list automatically
*/
autoPlay: function(){
if ((this.currIndex + 2) > this.stackCount) {
this.currIndex = 0;
}
this.currIndex = this.currIndex + 1
this.goTo(this.currIndex);
},

Became this:

/**
* Function: autoPlay
*
* Internal function that is used to scroll through the list automatically
*/
autoPlay: function(){
/*
* Was off by one, ammended.
*/
if ((this.currIndex + 2) > this.stackCount) {
this.currIndex = -1;
}

if(this.currIndex < this.stackCount - 1) {
this.currIndex = this.currIndex + 1;
this.goTo(this.currIndex);
} else {
this.goTo(0);
}

},

It’s working for me now, but I think there’s a couple of unnecessary lines (due to tinkering) in my example. Still, I’m happy it works.

Thanks for the great work guys, I’m really impressed with what you’ve done and how simply you’ve done it. Good job.

Rich

The script can be modified to work with any HTML element. In fact, it was like that in the early version of the script before we decided to restrict the functionality to images only since that’s what made sense.

With a small effort the script can be modified to handle any HTML element. Maybe a UL with bunch of LI’s that are managed?

To have the navigation seperate, so you dont click on the divs themselves but on a link, and then that link brings the relevant div to the front is what I was thinking.

For search engine indexing, images of each “page” would not really be a workable solution.

any ideas?

how can I make the caption text smaller? Way to big for what I need…

Thanks