Advanced Search

Results 1 to 3 of 3

Thread: IE unknown runtime error in ultimate fade-in slide show

  1. #1
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default IE unknown runtime error in ultimate fade-in slide show

    Hello,

    Works fine in Netscape and Firefox, IE 6 and 7 throws error and won't load images:

    <html>
    <head>
    <meta http-equiv="Content-Language" content="en-us">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Clayton County Iowa </title>
    <script type="text/javascript">

    /***********************************************
    * Ultimate Fade-In Slideshow (v1.51): 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.
    ***********************************************/

    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["lodgingpix/volgalittlehouse.jpg", "http://visitiowa.org/cgi-bin/cc_search/csvsearch.pl?mydatabase=db3&mytemplate=tp3&search=GUEST%20HOUSES&Category=Guest_House&order_by=Business&order=abc", "_new"]
    fadeimages[1]=["lodgingpix/volgamariah.jpg", "http://visitiowa.org/cgi-bin/cc_search/csvsearch.pl?mydatabase=db3&mytemplate=tp3&search=GUEST%20HOUSES&Category=Guest_House&order_by=Business&order=abc", "_new"]
    fadeimages[2]=["lodgingpix/morningmist.jpg", "http://www.vacationrentals411.com/vacation/2182.htm", "_new"]
    fadeimages[3]=["lodgingpix/morningmistcottage.jpg", "http://www.vacationrentals411.com/vacation/2182.htm", "_new"]
    fadeimages[4]=["lodgingpix/morningmist.jpg", "http://www.vacationrentals411.com/vacation/7666.htm", "_new"]
    fadeimages[5]=["lodgingpix/guttlanding.jpg", "http://www.thelanding615.com", "_new"]
    fadeimages[6]=["lodgingpix/marqeagleslanding.jpg", "http://www.halvorson.org/eagleslanding", "_new"]
    fadeimages[7]=["lodgingpix/marqisle.jpg", "http://www.isleofcapricasino.com/Marquette/mq_hotel.php?lg=en&aid=00", "_new"]
    fadeimages[8]=["lodgingpix/mcgregorholiday.jpg", "http://www.holidayshoresmotel.com", "_new"]
    fadeimages[9]=["lodgingpix/mcgregstauer.jpg", "http://www.stauerhouse.com", "_new"]
    fadeimages[10]=["lodgingpix/mononabearcreek.jpg", "http://www.bearcreekcabins.net", "_new"]
    fadeimages[11]=["lodgingpix/strawauntb.jpg", "http://www.auntbsinn.com", "_new"]
    fadeimages[12]=["lodgingpix/strawmotel.jpg", "http://www.auntbsinn.com/strawberrypointmotel.html", "_new"]

    var fadebgcolor="white"

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

    var fadearray=new Array() //array to cache fadeshow instances
    var fadeclear=new Array() //array to cache corresponding clearinterval pointers

    var dom=(document.getElementById) //modern dom browsers
    var iebrowser=document.all

    function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
    this.pausecheck=pause
    this.mouseovercheck=0
    this.delay=delay
    this.degree=10 //initial opacity degree (10%)
    this.curimageindex=0
    this.nextimageindex=1
    fadearray[fadearray.length]=this
    this.slideshowid=fadearray.length-1
    this.canvasbase="canvas"+this.slideshowid
    this.curcanvas=this.canvasbase+"_0"
    if (typeof displayorder!="undefined")
    theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter)
    this.theimages=theimages
    this.imageborder=parseInt(borderwidth)
    this.postimages=new Array() //preload images
    for (p=0;p<theimages.length;p++){
    this.postimages[p]=new Image()
    this.postimages[p].src=theimages[p][0]
    }

    var fadewidth=fadewidth+this.imageborder*2
    var fadeheight=fadeheight+this.imageborder*2

    if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
    document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filterrogidXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filterrogidXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
    else
    document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')

    if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
    this.startit()
    else{
    this.curimageindex++
    setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
    }
    }

    function fadepic(obj){
    if (obj.degree<100){
    obj.degree+=10
    if (obj.tempobj.filters&&obj.tempobj.filters[0]){
    if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
    obj.tempobj.filters[0].opacity=obj.degree
    else //else if IE5.5-
    obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
    }
    else if (obj.tempobj.style.MozOpacity)
    obj.tempobj.style.MozOpacity=obj.degree/101
    else if (obj.tempobj.style.KhtmlOpacity)
    obj.tempobj.style.KhtmlOpacity=obj.degree/100
    else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
    obj.tempobj.style.opacity=obj.degree/101
    }
    else{
    clearInterval(fadeclear[obj.slideshowid])
    obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
    obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
    obj.populateslide(obj.tempobj, obj.nextimageindex)
    obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
    setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
    }
    }

    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 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
    }


    fadeshow.prototype.rotateimage=function(){
    if (this.pausecheck==1) //if pause onMouseover enabled, cache object
    var cacheobj=this
    if (this.mouseovercheck==1)
    setTimeout(function(){cacheobj.rotateimage()}, 100)
    else if (iebrowser&&dom||dom){
    this.resetit()
    var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
    crossobj.style.zIndex++
    fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
    this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
    }
    else{
    var ns4imgobj=document.images['defaultslide'+this.slideshowid]
    ns4imgobj.src=this.postimages[this.curimageindex].src
    }
    this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
    }

    fadeshow.prototype.resetit=function(){
    this.degree=10
    var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
    if (crossobj.filters&&crossobj.filters[0]){
    if (typeof crossobj.filters[0].opacity=="number") //if IE6+
    crossobj.filters(0).opacity=this.degree
    else //else if IE5.5-
    crossobj.style.filter="alpha(opacity="+this.degree+")"
    }
    else if (crossobj.style.MozOpacity)
    crossobj.style.MozOpacity=this.degree/101
    else if (crossobj.style.KhtmlOpacity)
    crossobj.style.KhtmlOpacity=this.degree/100
    else if (crossobj.style.opacity&&!crossobj.filters)
    crossobj.style.opacity=this.degree/101
    }


    fadeshow.prototype.startit=function(){
    var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
    this.populateslide(crossobj, this.curimageindex)
    if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
    var cacheobj=this
    var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
    crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
    crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
    }
    this.rotateimage()
    }

    </script>
    </head>
    <body background="../images/background.jpg">
    <div align="center">
    <table border="0" width="898" id="table1">
    <tr>
    <th width="885" scope="col"><div align="right"> <font color="#ECE9D8">
    <!-- Google CSE Search Box Begins -->
    </font>
    <form action="http://www.claytoncountyiowa.com/ccdgresults.htm" id="searchbox_007488406123467124180:kmrxutp0quq">
    <font color="#ECE9D8">
    <input type="hidden" name="cx" value="007488406123467124180:kmrxutp0quq" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="text" name="q" size="25" />
    <input type="submit" name="sa" value="Search" />
    </font>

    </form>
    <font color="#ECE9D8">
    <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_007488406123467124180%3Akmrxutp0quq"></script>
    <!-- Google CSE Search Box Ends -->
    </font></div></th>
    </tr>
    </table>


    later on in the file



    <td valign="top"><font color="#990000" size="2" face="verdana"><strong><a href="/lodging/lodging.pdf" target="_blank">
    <script type="text/javascript">
    //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
    new fadeshow(fadeimages, 200, 175, 0, 3000, 1, "R")
    </script>

  2. #2
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default fixed, it was a table issue

    I fixed it myself, turns out I had a "table" within another table cell, and it wasn't happy that way.

  3. #3
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    glad to see you figured out the problem,

    for future reference, when you are posting computer code please use [code][/code] tags as referenced in #8 of our Posting Policies and Regulations. there is a set format for this type of writing that makes it easier for those whom browse and try to help out can read easier. Thanks

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
  •