/********************************************************************************** * 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, 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