View Full Version : Ultimate Fade-In Slideshow (v1.51) Staggering modification update ?

07-25-2008, 03:10 PM
1) Script Title: Ultimate Fade-In Slideshow (v1.51)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.html

3) Describe problem: Request for an updated version of jscheuer1 staggering slideshow starter script for the new version (v1.51).

The modification that jscheuer1 created for in 2006 was really useful and should be updated and included in this scrip as a standard feature.
(see post)

07-26-2008, 05:09 AM
You can use the demo from that thread:


with confidence. It already used comparable code to the version 1.51 upgrade of the original script. I was also the one that suggested those modifications, and used them in almost all mods (the above linked included) of this script even prior to the official version being upgraded to version 1.51.

07-26-2008, 06:05 AM
Thank you for the reply. The demo link you posted was the code that I have been using.

On this version of Staggering modification script would you still recommend using this method to slow the fade?:

07-26-2008, 06:11 AM
Yes. The lines indicated in that post are identical in stagger mod and do the same things.

07-26-2008, 06:50 AM
I am working with the Ultimate fade-in script and my incidences of the code are stacking on top of each other no matter how I code the script into my page.


This is just a standard table with 4 columns and there is a seperate call to each one of my 4 groups of pictures.

<table width="760" border="0">
<td><script type="text/javascript">new fadeshow(fadeimages, 190, 110, 0, 4000, 0)</script></td>
<td><script type="text/javascript">new fadeshow(fadeimages2, 190, 110, 0, 4000, 0)</script></td>
<td><script type="text/javascript">new fadeshow(fadeimages3, 190, 110, 0, 4000, 0)</script></td>
<td><script type="text/javascript">new fadeshow(fadeimages4, 190, 110, 0, 4000, 0)</script></td>

What am I doing wrong?


07-26-2008, 07:18 AM
I seem to be having a bit of an issue...
I tried to load this but seem to have the program hang up on the "loading" process.
Is there something I have done incorrectly. My pictures are small and should not require more than 10secs with all the pics. Is there something I am missing? I created a really simple template calling 4 items up in a table. You can see the page here:

http://alccglobal.parsonssolution.com/test.html (http://alccglobal.parsonssolutions.com/test.html)

Thanks for any help.


07-26-2008, 07:34 AM
The paths to, and/or the names of the images appear to be incorrect in the code.



07-26-2008, 08:02 AM
I was trying to refresh the images to make sure they were working properly.

I have pointed them to the correct place again. The strange thing is that the 4th group of images are playing in the location of the fist group. ODD....

Also the pictures do not load...

Sorry for the file issue, but again what am I doing incorrect?


07-26-2008, 08:05 AM
What I am trying to do is to have the pictures rotate in my header... you can see the mock up of my clients site at http://alccglobal.parsonssolutions.com/

OH, and thanks again...!!!

07-26-2008, 12:19 PM
I am working with the Ultimate fade-in script and my incidences of the code are stacking on top of each other no matter how I code the script into my page.

Nope, that's not the problem. You have only defined one array:

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["../images/ss/1-1.gif", "", ""]
fadeimages[1]=["../images/ss/1-2.gif", "", ""]
fadeimages[2]=["../images/ss/1-3.gif", "", ""]
fadeimages[3]=["../images/ss/1-4.gif", "", ""]

You declare other arrays but you forgot to include the updated name of the array in its items declarations, ex:

var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["../images/ss/2-1.gif", "", ""]
fadeimages[1]=["../images/ss/2-2.gif", "", ""]
fadeimages[2]=["../images/ss/2-3.gif", "", ""]
fadeimages[3]=["../images/ss/2-4.gif", "", ""]

Each subsequent declaration of items overwrites the previous, The second array should look like so:

var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["../images/ss/2-1.gif", "", ""]
fadeimages2[1]=["../images/ss/2-2.gif", "", ""]
fadeimages2[2]=["../images/ss/2-3.gif", "", ""]
fadeimages2[3]=["../images/ss/2-4.gif", "", ""]

so that it includes the full name of the array in its items declarations. The others should do this as well (each with their actual names in their items declarations). Then, if there are no other errors, it will work out.

07-26-2008, 04:26 PM
Thanks a million! Late night so I may have been dreaming. I can't believe I missed it. It is working fine.

Now I just have to edit the delay function so that the delays follow each other. Its a bit choppy with staggared timing... they will eventually match each other in time and fade together.
After the first function changes its picture, then the second will change and the first will wait until all functions have changed once...etc...

Have you already addressed this in another thread?


07-26-2008, 04:34 PM
If you are using this version:


I think you should be able to work it out so that, say all the shows have the same rate of change, but since the start times are staggered, it will just work out, as long as the timing is right. Let's say 3 shows all transitioning every 3 seconds and staggered at 1 second from each other.

Sec 0: At he beginning the first show changes.

Sec 1: One staggered second later, the next show changes

Sec 2: Two staggered seconds later, the third changes.

Sec 3: Three seconds are up for the first one, it changes.

Sec 4: Three seconds are up for the second one, it changes.

and on and on.

07-26-2008, 05:03 PM
I found the solution on another thread.

This does exactly what I want to do...With the staggered I noticed that the total time for each function must be set to the staggered time X the number of functions + the staggered time. i.e.
I have 4 functions. The staggered time is set to 5000
Therefore I set each functions time to 4x5000+5000=25000

Now I am looking for: Lets rotate the pictures but for a limited amount of times. Until all pictures have rotated once or a specific number of times. Rotation for ever can be annoying.

I am searching through the treads to find those new additions that extend it just a bit further.

THANKS again,
You are so quick to respond!


07-26-2008, 11:08 PM
That's what I was suggesting. As to your other idea, there is a mod around for that too. See:


and the thread referred to in that thread.