valhagueart.com - tried implemented on homepage. But didn’t work. Help?

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?