i am in the middle of making a site but it dose not work when i stick it on the internet but it works fine on my computer. here is the link to it on the internet nick.html and this is the code for it <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Multi-Hire.com</title> <script type="text/javascript" src="slideshow.js"></script> <style type="text/css"> <!-- body { background-image: url(multibackground.png); background-repeat: repeat-x; } .style1 { font-family: Verdana; font-weight: bold; font-size: 10px; } .style4 { font-family: Verdana; font-size: 10px; } .style3 {font-family: Verdana; font-weight: bold; font-size: 11px; } --> </style> </head> <body> <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="265"><img src="multilogo.png" width="245" height="60" /></td> <td width="535"><table width="520" border="0" align="center" cellpadding="2" cellspacing="0"> <tr> <td width="513"><table width="151" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td><div align="right"> <table width="140" border="0" align="center" cellpadding="2" cellspacing="0"> <tr> <td width="19"><div align="center"><img src="phone.png" width="16" height="16" /></div></td> <td width="193"><div align="right" class="style4"><span lang="es" xml:lang="es">(0034) 971 864080</span></div></td> </tr> </table> <table width="140" border="0" align="center" cellpadding="2" cellspacing="0"> <tr> <td width="19"><div align="center"><img src="email.png" width="16" height="16" /></div></td> <td width="193"><div align="right"><a href="mailto:info@multi-hire.com"> <!--webbot bot="Substitution" s-variable="CompanyEmail" startspan --> <span class="style4">info@multi-hire.com</span></a></div></td> </tr> </table> </div></td> </tr> </table> <br /> <br /> </td> </tr> </table> <table width="520" border="0" align="center" cellpadding="2" cellspacing="0"> <tr> <td width="513"><div align="right"><span class="style3">Home | Equipment Hire | Services | How To Find Us | Feedback | Contact Us </span></div></td> </tr> </table></td> </tr> </table> <table width="800" border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td><span class="style1">Hire Equipment & Much More... In The North Of Mallorca</span> </td> </tr> </table> <br /> <br /> <table width="800" border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td><span class="style4"><strong>Welcome To Multi-Hire.com</strong><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus lectus, sollicitudin ut, posuere nec, consectetur sit amet, libero. Pellentesque quam. Nullam nisl arcu, mollis vel, consequat in, placerat id, magna. Nulla vel tortor sit amet turpis interdum dictum. Vivamus et mi. Cras pharetra convallis leo. In condimentum. Pellentesque rhoncus urna vel ligula. Morbi at est vel nisl laoreet sodales. Nullam posuere nisi at odio. Nam euismod. Praesent a quam rutrum urna lacinia laoreet. Quisque lacus lacus, viverra nec, faucibus id, dictum non, libero. Mauris ultricies, erat vel interdum eleifend, risus sapien convallis erat, ut laoreet neque massa ac elit.</span></td> </tr> </table> <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <script type="text/javascript"> //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder) new fadeshow(fadeimages, 800, 200, 0, 4000, 0, "0") new fadeshow(fadeimages1, 800, 200, 0, 4000, 0, "0") new fadeshow(fadeimages2, 800, 200, 0, 4000, 0, "0") </script> <td></td> </tr> </table> <table width="800" border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td><span class="style4"><strong>What We Have To Offer At Multi-Hire</strong><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus lectus, sollicitudin ut, posuere nec, consectetur sit amet, libero. Pellentesque quam. Nullam nisl arcu, mollis vel, consequat in, placerat id, magna. Nulla vel tortor sit amet turpis interdum dictum. Vivamus et mi. Cras pharetra convallis leo. In condimentum. Pellentesque rhoncus urna vel ligula. </span></td> </tr> </table> <table width="800" border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td><table width="780" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><table width="127" height="127" border="0" align="center" cellpadding="0" cellspacing="0" background="small_background.png"> <tr> <td><div align="center"><span class="style1">Mobility Aids</span></div></td> </tr> </table></td> <td><table width="127" height="127" border="0" align="center" cellpadding="0" cellspacing="0" background="small_background.png"> <tr> <td><div align="center"><span class="style1">Baby Goods</span></div></td> </tr> </table></td> <td><table width="127" height="127" border="0" align="center" cellpadding="0" cellspacing="0" background="small_background.png"> <tr> <td><div align="center"><span class="style1">Bicycles</span></div></td> </tr> </table></td> <td><table width="127" height="127" border="0" align="center" cellpadding="0" cellspacing="0" background="small_background.png"> <tr> <td class="style1"><div align="center">Electrical </div></td> </tr> </table></td> <td><table width="127" height="127" border="0" align="center" cellpadding="0" cellspacing="0" background="small_background.png"> <tr> <td class="style1"><div align="center">Entertainment </div></td> </tr> </table></td> </tr> </table> <table width="780" border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td class="style4">View All Hire Equipment | Prices | Services </td> </tr> </table></td> </tr> </table> <table width="800" border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td><span class="style4"><strong>Lorem ipsum dolor sit amet</strong><br /> consectetur adipiscing elit. Sed risus lectus, sollicitudin ut, posuere nec, consectetur sit amet, libero. Pellentesque quam. Nullam nisl arcu, mollis vel, consequat in, placerat id, magna. Nulla vel tortor sit amet turpis interdum dictum. Vivamus et mi. Cras pharetra convallis leo. </span></td> </tr> </table> <br /> <table width="800" border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td width="555" height="1" class="style4"><iframe src ="copyright.html" width="400" height="20" frameborder="0" scrolling="none"> <p>Your browser does not support iframes.</p> </iframe>© Multi-Hire.com 2009 </td> <td width="225" class="style4">How To Find Us | Feedback | Contact Us</td> </tr> </table> </body> </html> Code (markup): and here is the javascript code var fadeimages=new Array() fadeimages[0]=["banner1.png", "http://www.image1.com", ""] fadeimages[1]=["banner2.png", "http://www.image2.com", ""] fadeimages[2]=["banner3.png", "http://www.image3.com", ""] var fadebgcolor="transparent" 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;filter:progid:DXImageTransform.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;filter:progid:DXImageTransform.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() } Code (markup): so can any one help ????
The slideshow.js doesn't completely load, and dies out at line 64: else if (obj.tempobj.style.opacity&&!obj.tempo