View Full Version : Ultimate Fade-in slideshow (like to change descriptions)

05-25-2007, 10:17 PM
1) Script Title: Ultimate Fade-in slideshow (v1.5)

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

3) Describe problem:
It's not a problem, since I'm trying to modify it a bit.. and was hoping for some assistance. I'm trying add 'descriptions' of the images and display text on a div on another area of the HTML page.

For whatever reason, I'm unable to access the document.all.[ID].innerHTML when the fadshow object is created. I'm also wondering if I'm barking up the wrong tree as well by going this route. Would anyone have any suggestions of changing the descriptions while the images rotate? Again, the description is not within the main innerHTML of the slideshow, but another div element on the page.

Thanks in advance!!!!!


05-26-2007, 04:40 AM

has pretty much been replaced by (in modern browsers) with:


In fact, document all was a non-standard (if quite effective) method promulgated by the Microsoft corp in its IE browsers 4 and up, still supported in v 7 and picked up by a number of other browsers. But, document.getElementById performs a similar (not identical in all cases) utility and is supported by all modern browsers, IE and others.

This may or may not give you what you need to achieve what you are trying to do. I would, in any case, direct your attention to:


Which is very similar to Ultimate Fade, but has options (configurable properties, actually) for descriptions, controls and many other customizations.

05-26-2007, 05:48 AM

I tried getElementById() and was still experiencing the same behaviour. I worked around the problem by adding descriptive text to the image array, and manipulating the div in the innerHTML call.

Now.. I have a second problem. I need to add an additional slideshow with slightly different functionality down the page a bit. I checked out the swissarmy and gallery #2 is the ticket I need for it (buttons to page through the gallery).

Now, when I add that block of code, my rotater on the top (ultimate script) breaks with the following (during the fade)

Error: 'style.MozOpacity' is null or not an object

Is there a 'clean' way I can have both scripts loaded? Or is there nice simple 'pager' script I could use, so I don't have to disect the swissarmy.js??

Thanks much for the help!!!

05-26-2007, 06:28 AM
You really shouldn't need the two scripts. Swiss Army can look and act just like Ultimate fade if all the buttons, descriptions, added line breaks, and the counter are disabled. Basically, it can look pretty much however you like, and it can look two or more completely different ways on the same page.

Resolving the conflict(s) between the scripts is possible but, it would be easier if I had a link to your problem page. It may still be very complicated though. And, even when resolved, you would still be running two fairly complex scripts on one page. You would be better off with just one - in this case, most likely the more flexible one - Swiss Army.

05-26-2007, 07:28 AM
Thanks for the reply. I ended up leaving the 'ultimate' script (since it's working like a champ), and wrote a simple 'pager' with onClick events and passing the index. I think I have it all working now. I mentioned in another thread that Safari is sorta broke now with the Ultimate script (no fade).. not sure what's up with that, since it was working great this afternoon.

Thanks again for the help.