Hello, I need to have three images displaying on a page, each of them looping through a set, but in sequence. This means that when the page loads three images display, after 2 seconds the first one changes, after a further 2 secs the second one, then the third, an then it would repeat endlessly.
I’ve used innerfade.js and ave some code that delays initially delays each slideshow by 2 secs so that they change in sequence. However, at the beginning not all three images display, but one appears after the other.
You’re wanting the innerfade2 plugin to show a random sequence, but you don’t want to wait for the staggered starting time to occur before the first image is shown.
I see that you have already made some changes to the plugin, so if you want to maintain the random sequence under the control of the plugin a possible solution is to add to the innerfade2 plugin a new setting to freeze the start for a certain period of time. An option called freezeStart could be a useful name for that new option.
In fact, I’m just not very Javascript literate and think I need some kind soul to help me out with the correct code. Maybe this is a better starting point: http://jsfiddle.net/spirelli/gFveN/
What needs to change though is that the transition of the first slide show should happen after 2 seconds, the 2nd after 4 seconds and the 3rd after 6 seconds (with all of them changing every 6 seconds, but offset by 2 secs).