View Full Version : Ultimate Fade-in slideshow - last image hanging

aka Robbie
08-17-2007, 12:47 PM
1) Script Title: Ultimate Fade-in slideshow

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

3) Describe problem: I have the script in place and everything appears to work ok. However occasionally the page doesn't appear to finish loading - the message "Downloading picture [path to pic]" is shown in the status bar. But the picture is shown, so it has loaded it. This is stopping other parts of the page from working correctly.

It is hard to give a definite example for sometimes it throws a wobbly, sometimes it doesn't. But have a look at the homepage (www.metadigm.co.uk) and also try the different partners from the menu.

08-17-2007, 01:27 PM
Your page is in violation of Dynamic Drive's usage terms (http://www.dynamicdrive.com/notice.htm), which, among other things, state that the script credit must appear in the source code of the page(s) using the script. Please reinstate the notice first.

You can fix that by doing:

<script type="text/javascript" language="JavaScript" src="/js/fadeimage.js">
* Ultimate Fade-In Slideshow (v1.5): � Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.

in place of:

<script type="text/javascript" language="JavaScript" src="/js/fadeimage.js"></script>

on all pages using the script. You should also do a similar sort of thing with the other DD scripts that you are using.

On to your question:

In IE I seriously doubt that this script can co-exist with png_fix.js - without modifying one, the other, or both scripts. Also, there has been an update (v1.51) (http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm) to the script. This will not fix your problem, though it will make the fading effect work in a wider variety of browsers.



for a discussion of how png fix can mess up a page, and specifically:


for modifications and instructions on their use.

Once you have that, the U-fade script would need to be altered to use these modifications to protect itself from png fix. Find the below function in the U-fade script and add the red part:

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img class="exclude" src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image

Now, if the .png images in your slideshow use alpha transparency, they may appear a little funny looking in IE 6 and less, but this should take care of the problem. Those images do not appear to use alpha transparency and shouldn't need to anyway.

There could also be other problems. Most notably, if any of the images in the slideshow are missing or temporarily unavailable to the browser, this could result in a problem similar to what you are describing. I put my money on it being png fix though.

08-17-2007, 02:02 PM
I looked into this a bit more, and although my previous observations (above) are accurate, I now also see that you are loading:


via an iframe and that it is also linked to (uses) png fix. Its non alpha transparency png's should also be protected from this script. This iframe and its content is what is preventing the page from achieving full load status in IE, and is likely another source of the problem.

EVERYWHERE that you use:

<script defer type="text/javascript" language="JavaScript" src="/js/png_fix.js"></script>

You should at least protect IE 7 from it by using the recommended conditional comment protection:

<!--[if lt IE 7]>
<script defer type="text/javascript" language="JavaScript" src="/js/png_fix.js"></script>