Results 1 to 3 of 3

Thread: Ultimate Fade-in slideshow - last image hanging

  1. #1
    Join Date
    Dec 2006
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow - last image hanging

    1) Script Title: Ultimate Fade-in slideshow

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.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.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Your page is in violation of Dynamic Drive's usage terms, 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:

    Code:
    <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.
    ***********************************************/
    </script>
    in place of:

    Code:
    <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) to the script. This will not fix your problem, though it will make the fading effect work in a wider variety of browsers.

    See:

    http://www.dynamicdrive.com/forums/s...ad.php?t=23504

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

    http://www.dynamicdrive.com/forums/s...68&postcount=4

    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:

    Code:
    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
    slideHTML+='</a>'
    picobj.innerHTML=slideHTML
    }
    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

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

    Code:
    http://www.metadigm.co.uk/forms/newsletter/form.shtml
    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:

    Code:
    <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:

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

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •