Results 1 to 4 of 4

Thread: Fade-in slideshow IE problem

  1. #1
    Join Date
    Nov 2005
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Fade-in slideshow IE problem

    I'm trying to use the fade-in slideshow, but i'm having a problem. The slideshow is not showing in IE, while working fine in other browsers. That is to say, it loads the first image of the show, but fails to transition or move to the second slide. The only error message I am getting is an Access is denied on line 89 character 1 code 0. And the demo works fine in my IE, so I'm really puzzled. Any help would be great! Heres my code:

    /***********************************************
    * Fade-in image slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    var slideshow_width='179px' //SET IMAGE WIDTH
    var slideshow_height='234px' //SET IMAGE HEIGHT
    var pause=4000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["graphics/slide1.jpg", "", ""]
    fadeimages[1]=["graphics/slide2.jpg", "", ""]
    fadeimages[2]=["graphics/slide3.jpg", "", ""]
    fadeimages[3]=["graphics/slide4.jpg", "", ""]
    fadeimages[4]=["graphics/slide5.jpg", "", ""]
    fadeimages[5]=["graphics/slide6.jpg", "", ""]
    fadeimages[6]=["graphics/slide7.jpg", "", ""]

    ////NO need to edit beyond here/////////////

    var preloadedimages=new Array()
    for (p=0;p<fadeimages.length;p++){
    preloadedimages[p]=new Image()
    preloadedimages[p].src=fadeimages[p][0]
    }

    var ie4=document.all
    var dom=document.getElementById

    if (ie4||dom)
    document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')
    else
    document.write('<img name="defaultslide" src="'+fadeimages[0][0]+'">')

    var curpos=10
    var degree=10
    var curcanvas="canvas0"
    var curimageindex=0
    var nextimageindex=1

    function fadepic(){
    if (curpos<100){
    curpos+=10
    if (tempobj.filters)
    tempobj.filters.alpha.opacity=curpos
    else if (tempobj.style.MozOpacity)
    tempobj.style.MozOpacity=curpos/101
    }
    else{
    clearInterval(dropslide)
    nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
    tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
    tempobj.innerHTML=insertimage(nextimageindex)
    nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
    var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
    tempobj2.style.visibility="hidden"
    setTimeout("rotateimage()",pause)
    }
    }

    function insertimage(i){
    var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'" target="'+fadeimages[i][2]+'">' : ""
    tempcontainer+='<img src="'+fadeimages[i][0]+'" border="0">'
    tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer
    return tempcontainer
    }

    function rotateimage(){
    if (ie4||dom){
    resetit(curcanvas)
    var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.style.zIndex++
    tempobj.style.visibility="visible"
    var temp='setInterval("fadepic()",50)'
    dropslide=eval(temp)
    curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
    }
    else
    document.images.defaultslide.src=fadeimages[curimageindex][0]
    curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
    }

    function resetit(what){
    curpos=10
    var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
    if (crossobj.filters)
    crossobj.filters.alpha.opacity=curpos
    else if (crossobj.style.MozOpacity)
    crossobj.style.MozOpacity=curpos/101
    }

    function startit(){
    var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.innerHTML=insertimage(curimageindex)
    rotateimage()
    }

    if (ie4||dom)
    window.onload=startit
    else
    setInterval("rotateimage()",pause)
    Last edited by Cyrandir; 11-17-2005 at 09:00 PM.

  2. #2
    Join Date
    Aug 2004
    Posts
    9,893
    Thanks
    3
    Thanked 966 Times in 954 Posts
    Blog Entries
    15

    Default

    The code itself looks correct. Do you have a link to the problem page on your site? Could be a script conflict with other scripts on the page.

  3. #3
    Join Date
    Nov 2005
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    well here are the other scripts running on the page... unfortunately I don't have the site up on a public server yet so hopefully this will be enough to help. If not, let me know what else I can do.

  4. #4
    Join Date
    Nov 2005
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Interestingly enough, a little more research reveals that this is an Internet Explorer bug as outlined in http://support.microsoft.com/default...b;en-us;889407 I tried loading the site from a different computer and found that it works just fine. So please disregard my support request. I hope my research benefits someone else, too.

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
  •