/********************************************************************************** * Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com) * v1.51 fixes transitional effect now working also in Safari 3.x * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************************************************/ /********** herzobilder.de - main, english version, ver. 2010-06 **************/ var herbst=new Array() herbst[0]=["../fadingshow/herbst00.jpg", "", ""] //"_new" if needed for new window herbst[1]=["../fadingshow/herbst01.jpg", "", ""] herbst[2]=["../fadingshow/herbst02.jpg", "", ""] herbst[3]=["../fadingshow/herbst03.jpg", "", ""] herbst[4]=["../fadingshow/herbst04.jpg", "", ""] herbst[5]=["../fadingshow/herbst05.jpg", "", ""] herbst[6]=["../fadingshow/herbst06.jpg", "", ""] herbst[7]=["../fadingshow/herbst07.jpg", "", ""] herbst[8]=["../fadingshow/herbst08.jpg", "", ""] herbst[9]=["../fadingshow/herbst09.jpg", "", ""] var winter=new Array() winter[0]=["../fadingshow/winter00.jpg", "", ""] winter[1]=["../fadingshow/winter01.jpg", "", ""] winter[2]=["../fadingshow/winter02.jpg", "", ""] winter[3]=["../fadingshow/winter03.jpg", "", ""] winter[4]=["../fadingshow/winter04.jpg", "", ""] winter[5]=["../fadingshow/winter05.jpg", "", ""] winter[6]=["../fadingshow/winter06.jpg", "", ""] winter[7]=["../fadingshow/winter07.jpg", "", ""] var weihnachten=new Array() weihnachten[0]=["../fadingshow/weihnachten00.jpg", "", ""] weihnachten[1]=["../fadingshow/weihnachten01.jpg", "", ""] weihnachten[2]=["../fadingshow/weihnachten02.jpg", "", ""] weihnachten[3]=["../fadingshow/weihnachten03.jpg", "", ""] weihnachten[4]=["../fadingshow/weihnachten04.jpg", "", ""] weihnachten[5]=["../fadingshow/weihnachten05.jpg", "", ""] weihnachten[6]=["../fadingshow/weihnachten06.jpg", "", ""] weihnachten[7]=["../fadingshow/weihnachten07.jpg", "", ""] var fasching=new Array() fasching[0]=["../fadingshow/fasching00.jpg", "", ""] fasching[1]=["../fadingshow/fasching01.jpg", "", ""] fasching[2]=["../fadingshow/fasching02.jpg", "", ""] fasching[3]=["../fadingshow/fasching03.jpg", "", ""] fasching[4]=["../fadingshow/fasching04.jpg", "", ""] fasching[5]=["../fadingshow/fasching05.jpg", "", ""] fasching[6]=["../fadingshow/fasching06.jpg", "", ""] fasching[7]=["../fadingshow/fasching07.jpg", "", ""] fasching[8]=["../fadingshow/fasching08.jpg", "", ""] fasching[9]=["../fadingshow/fasching09.jpg", "", ""] var februar=new Array() februar[0]=["../fadingshow/februar00.jpg", "", ""] februar[1]=["../fadingshow/februar01.jpg", "", ""] februar[2]=["../fadingshow/februar02.jpg", "", ""] februar[3]=["../fadingshow/februar03.jpg", "", ""] februar[4]=["../fadingshow/februar04.jpg", "", ""] februar[5]=["../fadingshow/februar05.jpg", "", ""] februar[6]=["../fadingshow/februar06.jpg", "", ""] februar[7]=["../fadingshow/februar07.jpg", "", ""] februar[8]=["../fadingshow/februar08.jpg", "", ""] februar[9]=["../fadingshow/februar09.jpg", "", ""] februar[10]=["../fadingshow/februar10.jpg", "", ""] februar[11]=["../fadingshow/februar11.jpg", "", ""] februar[12]=["../fadingshow/februar12.jpg", "", ""] var ostern=new Array() ostern[0]=["../fadingshow/ostern00.jpg", "", ""] ostern[1]=["../fadingshow/ostern01.jpg", "", ""] ostern[2]=["../fadingshow/ostern02.jpg", "", ""] ostern[3]=["../fadingshow/ostern03.jpg", "", ""] ostern[4]=["../fadingshow/ostern04.jpg", "", ""] ostern[5]=["../fadingshow/ostern05.jpg", "", ""] ostern[6]=["../fadingshow/ostern06.jpg", "", ""] var fruehling=new Array() fruehling[0]=["../fadingshow/fruehling00.jpg", "", ""] fruehling[1]=["../fadingshow/fruehling01.jpg", "", ""] fruehling[2]=["../fadingshow/fruehling02.jpg", "", ""] fruehling[3]=["../fadingshow/fruehling03.jpg", "", ""] fruehling[4]=["../fadingshow/fruehling04.jpg", "", ""] fruehling[5]=["../fadingshow/fruehling05.jpg", "", ""] fruehling[6]=["../fadingshow/fruehling06.jpg", "", ""] fruehling[7]=["../fadingshow/fruehling07.jpg", "", ""] fruehling[8]=["../fadingshow/fruehling08.jpg", "", ""] fruehling[9]=["../fadingshow/fruehling09.jpg", "", ""] fruehling[10]=["../fadingshow/fruehling10.jpg", "", ""] fruehling[11]=["../fadingshow/fruehling11.jpg", "", ""] fruehling[12]=["../fadingshow/fruehling12.jpg", "", ""] var fussball=new Array() fussball[0]=["../fadingshow/fussball00.jpg", "", ""] fussball[1]=["../fadingshow/fussball01.jpg", "", ""] fussball[2]=["../fadingshow/fussball02.jpg", "", ""] fussball[3]=["../fadingshow/fussball03.jpg", "", ""] fussball[4]=["../fadingshow/fussball04.jpg", "", ""] fussball[5]=["../fadingshow/fussball05.jpg", "", ""] fussball[6]=["../fadingshow/fussball06.jpg", "", ""] fussball[7]=["../fadingshow/fussball07.jpg", "", ""] fussball[8]=["../fadingshow/fussball08.jpg", "", ""] fussball[9]=["../fadingshow/fussball09.jpg", "", ""] var herzoman=new Array() herzoman[0]=["../fadingshow/herzoman00.jpg", "", ""] herzoman[1]=["../fadingshow/herzoman01.jpg", "", ""] herzoman[2]=["../fadingshow/herzoman02.jpg", "", ""] herzoman[3]=["../fadingshow/herzoman03.jpg", "", ""] herzoman[4]=["../fadingshow/herzoman04.jpg", "", ""] herzoman[5]=["../fadingshow/herzoman05.jpg", "", ""] herzoman[6]=["../fadingshow/herzoman06.jpg", "", ""] herzoman[7]=["../fadingshow/herzoman07.jpg", "", ""] var ma_fest=new Array() ma_fest[0]=["../fadingshow/ma-fest-00.jpg", "", ""] ma_fest[1]=["../fadingshow/ma-fest-01.jpg", "", ""] ma_fest[2]=["../fadingshow/ma-fest-02.jpg", "", ""] ma_fest[3]=["../fadingshow/ma-fest-03.jpg", "", ""] ma_fest[4]=["../fadingshow/ma-fest-04.jpg", "", ""] ma_fest[5]=["../fadingshow/ma-fest-05.jpg", "", ""] ma_fest[6]=["../fadingshow/ma-fest-06.jpg", "", ""] ma_fest[7]=["../fadingshow/ma-fest-07.jpg", "", ""] ma_fest[8]=["../fadingshow/ma-fest-08.jpg", "", ""] ma_fest[9]=["../fadingshow/ma-fest-09.jpg", "", ""] ma_fest[10]=["../fadingshow/ma-fest-10.jpg", "", ""] ma_fest[11]=["../fadingshow/ma-fest-11.jpg", "", ""] // var fadeimages=new Array() // SET IMAGE PATHS. Extend or contract array as needed // fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax // fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax // fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax 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
') 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