// JavaScript Document /*********************************************** * 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. ***********************************************/ /*********************************************** *** Verwendung im *** * new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder) * new fadeshow(fadeimages, 1000, 162, 0, 10000, 0, "R") ***********************************************/ var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages[0]=["http://www.mondeno.de/tiago/images/0001.jpg", "", ""] fadeimages[1]=["http://www.mondeno.de/tiago/images/0002.jpg", "", ""] fadeimages[2]=["http://www.mondeno.de/tiago/images/0003.jpg", "", ""] fadeimages[3]=["http://www.mondeno.de/tiago/images/0004.jpg", "", ""] fadeimages[4]=["http://www.mondeno.de/tiago/images/0005.jpg", "", ""] fadeimages[5]=["http://www.mondeno.de/tiago/images/0006.jpg", "", ""] fadeimages[6]=["http://www.mondeno.de/tiago/images/0007.jpg", "", ""] fadeimages[7]=["http://www.mondeno.de/tiago/images/0008.jpg", "", ""] fadeimages[8]=["http://www.mondeno.de/tiago/images/0009.jpg", "", ""] fadeimages[9]=["http://www.mondeno.de/tiago/images/0010.jpg", "", ""] fadeimages[9]=["http://www.mondeno.de/tiago/images/0011.jpg", "", ""] fadeimages[1]=["http://www.mondeno.de/tiago/images/0012.jpg", "", ""] fadeimages[2]=["http://www.mondeno.de/tiago/images/0013.jpg", "", ""] fadeimages[3]=["http://www.mondeno.de/tiago/images/0014.jpg", "", ""] fadeimages[4]=["http://www.mondeno.de/tiago/images/0015.jpg", "", ""] fadeimages[10]=["http://www.mondeno.de/tiago/images/marportugal/marpor_01.jpg", "", ""] fadeimages[11]=["http://www.mondeno.de/tiago/images/marportugal/marpor_02.jpg", "", ""] fadeimages[12]=["http://www.mondeno.de/tiago/images/marportugal/marpor_03.jpg", "", ""] fadeimages[13]=["http://www.mondeno.de/tiago/images/marportugal/marpor_04.jpg", "", ""] fadeimages[14]=["http://www.mondeno.de/tiago/images/marportugal/marpor_05.jpg", "", ""] fadeimages[15]=["http://www.mondeno.de/tiago/images/marportugal/marpor_06.jpg", "", ""] fadeimages[16]=["http://www.mondeno.de/tiago/images/marportugal/marpor_07.jpg", "", ""]/* fadeimages[10]=["http://www.mondeno.de/tiago/images/_015.jpg", "", ""] fadeimages[11]=["http://www.mondeno.de/tiago/images/_003.jpg", "", ""] fadeimages[12]=["http://www.mondeno.de/tiago/images/_005.jpg", "", ""] fadeimages[13]=["http://www.mondeno.de/tiago/images/_002.jpg", "", ""] fadeimages[14]=["http://www.mondeno.de/tiago/images/_010.jpg", "", ""] fadeimages[15]=["http://www.mondeno.de/tiago/images/_008.jpg", "", ""] fadeimages[16]=["http://www.mondeno.de/tiago/images/_014.jpg", "", ""] fadeimages[17]=["http://www.mondeno.de/tiago/images/_017.jpg", "", ""]*/ var fammar=new Array() //SET IMAGE PATHS. Extend or contract array as needed fammar[0]=["http://www.mondeno.de/tiago/images/fammar_0010010.jpg", "http://www.mondeno.de/tiago/images/gross/fammar_0010010.jpg", ""] fammar[1]=["http://www.mondeno.de/tiago/images/fammar_0010011.jpg", "", ""] fammar[2]=["http://www.mondeno.de/tiago/images/fammar_0010012.jpg", "", ""] fammar[3]=["http://www.mondeno.de/tiago/images/fammar_0010013.jpg", "", ""] fammar[4]=["http://www.mondeno.de/tiago/images/fammar_0010014.jpg", "", ""] fammar[5]=["http://www.mondeno.de/tiago/images/fammar_0010015.jpg", "", ""] fammar[6]=["http://www.mondeno.de/tiago/images/fammar_0010016.jpg", "", ""] fammar[7]=["http://www.mondeno.de/tiago/images/fammar_0010017.jpg", "", ""] fammar[8]=["http://www.mondeno.de/tiago/images/fammar_0010018.jpg", "", ""] fammar[9]=["http://www.mondeno.de/tiago/images/fammar_0010019.jpg", "", ""] fammar[10]=["http://www.mondeno.de/tiago/images/fammar_0010020.jpg", "", ""] fammar[11]=["http://www.mondeno.de/tiago/images/fammar_0010021.jpg", "", ""] fammar[12]=["http://www.mondeno.de/tiago/images/fammar_0010022.jpg", "", ""] fammar[13]=["http://www.mondeno.de/tiago/images/fammar_0010023.jpg", "", ""] fammar[14]=["http://www.mondeno.de/tiago/images/fammar_0010024.jpg", "", ""] fammar[15]=["http://www.mondeno.de/tiago/images/fammar_0010025.jpg", "", ""] fammar[16]=["http://www.mondeno.de/tiago/images/fammar_0010026.jpg", "", ""] fammar[17]=["http://www.mondeno.de/tiago/images/fammar_0010027.jpg", "", ""] fammar[18]=["http://www.mondeno.de/tiago/images/fammar_0010028.jpg", "", ""] fammar[19]=["http://www.mondeno.de/tiago/images/fammar_0010029.jpg", "", ""] fammar[20]=["http://www.mondeno.de/tiago/images/fammar_0010030.jpg", "", ""] fammar[21]=["http://www.mondeno.de/tiago/images/fammar_0010031.jpg", "", ""] fammar[22]=["http://www.mondeno.de/tiago/images/fammar_0010032.jpg", "", ""] fammar[23]=["http://www.mondeno.de/tiago/images/fammar_0010033.jpg", "", ""] fammar[24]=["http://www.mondeno.de/tiago/images/fammar_0010034.jpg", "", ""] fammar[25]=["http://www.mondeno.de/tiago/images/fammar_0010035.jpg", "", ""] fammar[26]=["http://www.mondeno.de/tiago/images/fammar_0010036.jpg", "", ""] fammar[27]=["http://www.mondeno.de/tiago/images/fammar_0010037.jpg", "", ""] fammar[28]=["http://www.mondeno.de/tiago/images/fammar_0010038.jpg", "", ""] fammar[29]=["http://www.mondeno.de/tiago/images/fammar_0010040.jpg", "", ""] fammar[30]=["http://www.mondeno.de/tiago/images/fammar_0010041.jpg", "", ""] fammar[31]=["http://www.mondeno.de/tiago/images/fammar_0010042.jpg", "", ""] fammar[32]=["http://www.mondeno.de/tiago/images/fammar_0010043.jpg", "", ""] fammar[33]=["http://www.mondeno.de/tiago/images/fammar_0010044.jpg", "", ""] fammar[34]=["http://www.mondeno.de/tiago/images/fammar_0010045.jpg", "", ""] fammar[35]=["http://www.mondeno.de/tiago/images/fammar_0010046.jpg", "", ""] fammar[36]=["http://www.mondeno.de/tiago/images/fammar_0010047.jpg", "", ""] fammar[37]=["http://www.mondeno.de/tiago/images/fammar_0010048.jpg", "", ""] fammar[38]=["http://www.mondeno.de/tiago/images/fammar_0010049.jpg", "", ""] fammar[39]=["http://www.mondeno.de/tiago/images/fammar_0010050.jpg", "", ""] fammar[40]=["http://www.mondeno.de/tiago/images/fammar_0010051.jpg", "", ""] fammar[41]=["http://www.mondeno.de/tiago/images/fammar_0010052.jpg", "", ""] fammar[42]=["http://www.mondeno.de/tiago/images/fammar_0010053.jpg", "", ""] fammar[43]=["http://www.mondeno.de/tiago/images/fammar_0010054.jpg", "", ""] fammar[44]=["http://www.mondeno.de/tiago/images/fammar_0010055.jpg", "", ""] fammar[45]=["http://www.mondeno.de/tiago/images/fammar_0010056.jpg", "", ""] fammar[46]=["http://www.mondeno.de/tiago/images/fammar_0010057.jpg", "", ""] fammar[47]=["http://www.mondeno.de/tiago/images/fammar_0010058.jpg", "", ""] fammar[48]=["http://www.mondeno.de/tiago/images/fammar_0010059.jpg", "", ""] fammar[49]=["http://www.mondeno.de/tiago/images/fammar_0010060.jpg", "", ""] fammar[50]=["http://www.mondeno.de/tiago/images/fammar_0010061.jpg", "", ""] fammar[51]=["http://www.mondeno.de/tiago/images/fammar_0010062.jpg", "", ""] var isamace=new Array() //SET IMAGE PATHS. Extend or contract array as needed isamace[0]=["http://www.mondeno.de/tiago/images/isamace/isamace_0001.jpg", "", ""] isamace[1]=["http://www.mondeno.de/tiago/images/isamace/isamace_0002.jpg", "", ""] isamace[2]=["http://www.mondeno.de/tiago/images/isamace/isamace_0003.jpg", "", ""] isamace[3]=["http://www.mondeno.de/tiago/images/isamace/isamace_0004.jpg", "", ""] isamace[4]=["http://www.mondeno.de/tiago/images/isamace/isamace_0005.jpg", "", ""] isamace[5]=["http://www.mondeno.de/tiago/images/isamace/isamace_0006.jpg", "", ""] isamace[6]=["http://www.mondeno.de/tiago/images/isamace/isamace_0007.jpg", "", ""] isamace[7]=["http://www.mondeno.de/tiago/images/isamace/isamace_0008.jpg", "", ""] isamace[8]=["http://www.mondeno.de/tiago/images/isamace/isamace_0055.jpg", "", ""] isamace[9]=["http://www.mondeno.de/tiago/images/isamace/isamace_0009.jpg", "", ""] isamace[10]=["http://www.mondeno.de/tiago/images/isamace/isamace_0010.jpg", "", ""] isamace[11]=["http://www.mondeno.de/tiago/images/isamace/isamace_0012.jpg", "", ""] isamace[12]=["http://www.mondeno.de/tiago/images/isamace/isamace_0013.jpg", "", ""] isamace[13]=["http://www.mondeno.de/tiago/images/isamace/isamace_0014.jpg", "", ""] isamace[14]=["http://www.mondeno.de/tiago/images/isamace/isamace_0015.jpg", "", ""] isamace[15]=["http://www.mondeno.de/tiago/images/isamace/isamace_0016.jpg", "", ""] isamace[16]=["http://www.mondeno.de/tiago/images/isamace/isamace_0017.jpg", "", ""] isamace[17]=["http://www.mondeno.de/tiago/images/isamace/isamace_0018.jpg", "", ""] isamace[18]=["http://www.mondeno.de/tiago/images/isamace/isamace_0019.jpg", "", ""] isamace[19]=["http://www.mondeno.de/tiago/images/isamace/isamace_0020.jpg", "", ""] isamace[20]=["http://www.mondeno.de/tiago/images/isamace/isamace_0021.jpg", "", ""] isamace[21]=["http://www.mondeno.de/tiago/images/isamace/isamace_0022.jpg", "", ""] isamace[22]=["http://www.mondeno.de/tiago/images/isamace/isamace_0023.jpg", "", ""] isamace[23]=["http://www.mondeno.de/tiago/images/isamace/isamace_0024.jpg", "", ""] isamace[24]=["http://www.mondeno.de/tiago/images/isamace/isamace_0025.jpg", "", ""] isamace[25]=["http://www.mondeno.de/tiago/images/isamace/isamace_0026.jpg", "", ""] isamace[26]=["http://www.mondeno.de/tiago/images/isamace/isamace_0027.jpg", "", ""] isamace[27]=["http://www.mondeno.de/tiago/images/isamace/isamace_0028.jpg", "", ""] isamace[28]=["http://www.mondeno.de/tiago/images/isamace/isamace_0029.jpg", "", ""] isamace[29]=["http://www.mondeno.de/tiago/images/isamace/isamace_0030.jpg", "", ""] isamace[30]=["http://www.mondeno.de/tiago/images/isamace/isamace_0032.jpg", "", ""] isamace[31]=["http://www.mondeno.de/tiago/images/isamace/isamace_0033.jpg", "", ""] isamace[32]=["http://www.mondeno.de/tiago/images/isamace/isamace_0034.jpg", "", ""] isamace[33]=["http://www.mondeno.de/tiago/images/isamace/isamace_0035.jpg", "", ""] isamace[34]=["http://www.mondeno.de/tiago/images/isamace/isamace_0036.jpg", "", ""] isamace[35]=["http://www.mondeno.de/tiago/images/isamace/isamace_0037.jpg", "", ""] isamace[36]=["http://www.mondeno.de/tiago/images/isamace/isamace_0038.jpg", "", ""] isamace[37]=["http://www.mondeno.de/tiago/images/isamace/isamace_0039.jpg", "", ""] isamace[38]=["http://www.mondeno.de/tiago/images/isamace/isamace_0040.jpg", "", ""] isamace[39]=["http://www.mondeno.de/tiago/images/isamace/isamace_0041.jpg", "", ""] isamace[40]=["http://www.mondeno.de/tiago/images/isamace/isamace_0042.jpg", "", ""] isamace[41]=["http://www.mondeno.de/tiago/images/isamace/isamace_0043.jpg", "", ""] isamace[42]=["http://www.mondeno.de/tiago/images/isamace/isamace_0044.jpg", "", ""] isamace[43]=["http://www.mondeno.de/tiago/images/isamace/isamace_0045.jpg", "", ""] isamace[44]=["http://www.mondeno.de/tiago/images/isamace/isamace_0046.jpg", "", ""] isamace[45]=["http://www.mondeno.de/tiago/images/isamace/isamace_0047.jpg", "", ""] isamace[46]=["http://www.mondeno.de/tiago/images/isamace/isamace_0048.jpg", "", ""] isamace[47]=["http://www.mondeno.de/tiago/images/isamace/isamace_0049.jpg", "", ""] isamace[48]=["http://www.mondeno.de/tiago/images/isamace/isamace_0050.jpg", "", ""] isamace[49]=["http://www.mondeno.de/tiago/images/isamace/isamace_0051.jpg", "", ""] isamace[50]=["http://www.mondeno.de/tiago/images/isamace/isamace_0052.jpg", "", ""] isamace[51]=["http://www.mondeno.de/tiago/images/isamace/isamace_0053.jpg", "", ""] isamace[52]=["http://www.mondeno.de/tiago/images/isamace/isamace_0054.jpg", "", ""] isamace[53]=["http://www.mondeno.de/tiago/images/isamace/isamace_berti_01.jpg", "", ""] isamace[54]=["http://www.mondeno.de/tiago/images/isamace/isamace_berti_02.jpg", "", ""] isamace[55]=["http://www.mondeno.de/tiago/images/isamace/isamace_berti_05.jpg", "", ""] isamace[56]=["http://www.mondeno.de/tiago/images/isamace/isamace_berti_06.jpg", "", ""] isamace[57]=["http://www.mondeno.de/tiago/images/isamace/isamace_berti_07.jpg", "", ""] var marpor=new Array() //SET IMAGE PATHS. Extend or contract array as needed marpor[0]=["http://www.mondeno.de/tiago/images/marportugal/marpor_01.jpg", "", ""] marpor[1]=["http://www.mondeno.de/tiago/images/marportugal/marpor_02.jpg", "", ""] marpor[2]=["http://www.mondeno.de/tiago/images/marportugal/marpor_03.jpg", "", ""] marpor[3]=["http://www.mondeno.de/tiago/images/marportugal/marpor_04.jpg", "", ""] marpor[4]=["http://www.mondeno.de/tiago/images/marportugal/marpor_05.jpg", "", ""] marpor[5]=["http://www.mondeno.de/tiago/images/marportugal/marpor_06.jpg", "", ""] marpor[6]=["http://www.mondeno.de/tiago/images/marportugal/marpor_07.jpg", "", ""] var bebe=new Array() //SET IMAGE PATHS. Extend or contract array as needed bebe[0]=["http://www.mondeno.de/tiago/images/bebegomes/bebe_01.jpg", "", ""] bebe[1]=["http://www.mondeno.de/tiago/images/bebegomes/bebe_02.jpg", "", ""] bebe[2]=["http://www.mondeno.de/tiago/images/bebegomes/bebe_03.jpg", "", ""] bebe[3]=["http://www.mondeno.de/tiago/images/bebegomes/bebe_04.jpg", "", ""] bebe[4]=["http://www.mondeno.de/tiago/images/bebegomes/bebe_05.jpg", "", ""] bebe[5]=["http://www.mondeno.de/tiago/images/bebegomes/bebe_06.jpg", "", ""] bebe[6]=["http://www.mondeno.de/tiago/images/bebegomes/bebe_07.jpg", "", ""] /*var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed. //SET IMAGE PATHS. Extend or contract array as needed fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax*/ var fadebgcolor="rgb(215,217,222)" ////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

') else document.write('

') 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' slideHTML+='

' if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML+='' 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