/**************************************************************** "bretteleben.de JavaScript Slideshow" - Version 20100412 License: http://www.gnu.org/copyleft/gpl.html Author: Andreas Berger Copyright (c) 2010 Andreas Berger - andreas_berger@bretteleben.de Project page and Demo at http://www.bretteleben.de Last update: 2010-04-12 *****************************************************************/ //*****parameters to set***** //into this array insert the paths of your pics. var def_imges=new Array ('/blog/wp-content/gallery/slideshow/leonvorschau.jpg','/blog/wp-content/gallery/slideshow/silvervorschau.jpg','/blog/wp-content/gallery/slideshow/globyvorschau.jpg','/blog/wp-content/gallery/slideshow/pinkyvorschau.jpg','/blog/wp-content/gallery/slideshow/andreavorschau.jpg','/blog/wp-content/gallery/slideshow/montavorschau.jpg','/blog/wp-content/gallery/slideshow/tolavorschau_0.jpg','/blog/wp-content/gallery/slideshow/ruizvorschau.jpg','/blog/wp-content/gallery/slideshow/bradleyvorschau.jpg','/blog/wp-content/gallery/slideshow/jazminvorschau.jpg','/blog/wp-content/gallery/slideshow/marcovorschau.jpg','/blog/wp-content/gallery/slideshow/carlovorschau.jpg','/blog/wp-content/gallery/slideshow/felixvorschau.jpg','/blog/wp-content/gallery/slideshow/lisavorschau.jpg','/blog/wp-content/gallery/slideshow/olsovorschau.jpg','/blog/wp-content/gallery/slideshow/jesusvorschau_0.jpg','/blog/wp-content/gallery/slideshow/estrellavorschau.jpg','/blog/wp-content/gallery/slideshow/thumbs','/blog/wp-content/gallery/slideshow/riovorschau.jpg','/blog/wp-content/gallery/slideshow/santosvorschau.jpg','/blog/wp-content/gallery/slideshow/inocentevorschau.jpg','/blog/wp-content/gallery/slideshow/ramonvorschau.jpg','/blog/wp-content/gallery/slideshow/zoevorschau.jpg','/blog/wp-content/gallery/slideshow/robinvorschau_0.jpg','/blog/wp-content/gallery/slideshow/amanecervorschau.jpg','/blog/wp-content/gallery/slideshow/marvorschau.jpg','/blog/wp-content/gallery/slideshow/salomovorschau.jpg','/blog/wp-content/gallery/slideshow/pantojavorschau.jpg','/blog/wp-content/gallery/slideshow/lindevorschau.jpg','/blog/wp-content/gallery/slideshow/zapevorschau.jpg','/blog/wp-content/gallery/slideshow/chestervorschau.jpg','/blog/wp-content/gallery/slideshow/lasivorschau.jpg','/blog/wp-content/gallery/slideshow/irenevorschau.jpg','/blog/wp-content/gallery/slideshow/marinavorschau.jpg','/blog/wp-content/gallery/slideshow/conguitovorschau.jpg','/blog/wp-content/gallery/slideshow/rubivorschau.jpg','/blog/wp-content/gallery/slideshow/dulzorvorschau.jpg','/blog/wp-content/gallery/slideshow/agnesvorschau.jpg','/blog/wp-content/gallery/slideshow/bertavorschau.jpg','/blog/wp-content/gallery/slideshow/falconvorschau.jpg','/blog/wp-content/gallery/slideshow/rianacorschau.jpg','/blog/wp-content/gallery/slideshow/tolavorschau.jpg','/blog/wp-content/gallery/slideshow/islavorschau.jpg','/blog/wp-content/gallery/slideshow/kolavorschau.jpg','/blog/wp-content/gallery/slideshow/eightvorschau.jpg','/blog/wp-content/gallery/slideshow/fatimavorschau.jpg','/blog/wp-content/gallery/slideshow/machinvorschau.jpg','/blog/wp-content/gallery/slideshow/nelivorschau.jpg','/blog/wp-content/gallery/slideshow/danavorschau.jpg','/blog/wp-content/gallery/slideshow/ivanvorschau.jpg','/blog/wp-content/gallery/slideshow/conanvorschau.jpg','/blog/wp-content/gallery/slideshow/novavorschau.jpg','/blog/wp-content/gallery/slideshow/tucavorschau.jpg','/blog/wp-content/gallery/slideshow/wasservorschau.jpg','/blog/wp-content/gallery/slideshow/joelvorschau.jpg','/blog/wp-content/gallery/slideshow/eloravorschau.jpg','/blog/wp-content/gallery/slideshow/wilmavorschau.jpg','/blog/wp-content/gallery/slideshow/rocavorschau.jpg','/blog/wp-content/gallery/slideshow/gretavorschau.jpg','/blog/wp-content/gallery/slideshow/bautevorschau.jpg','/blog/wp-content/gallery/slideshow/corbatavorschau.jpg','/blog/wp-content/gallery/slideshow/raquelvorschau.jpg','/blog/wp-content/gallery/slideshow/kikovorschau.jpg','/blog/wp-content/gallery/slideshow/manjulavorschau.jpg','/blog/wp-content/gallery/slideshow/richarvorschau.jpg','/blog/wp-content/gallery/slideshow/silviavorschau.jpg','/blog/wp-content/gallery/slideshow/kenvorschau.jpg','/blog/wp-content/gallery/slideshow/pradavorschau.jpg','/blog/wp-content/gallery/slideshow/macocovorschau.jpg','/blog/wp-content/gallery/slideshow/puyolvorschau.jpg','/blog/wp-content/gallery/slideshow/susivorschau.jpg','/blog/wp-content/gallery/slideshow/mariovorschau.jpg','/blog/wp-content/gallery/slideshow/fridavorschau.jpg','/blog/wp-content/gallery/slideshow/petovorschau.jpg','/blog/wp-content/gallery/slideshow/rafavorschau_0.jpg','/blog/wp-content/gallery/slideshow/taylorvorschau.jpg','/blog/wp-content/gallery/slideshow/ginovorschau.jpg','/blog/wp-content/gallery/slideshow/tulavorschau.jpg','/blog/wp-content/gallery/slideshow/onevorschau.jpg','/blog/wp-content/gallery/slideshow/dalivorschau.jpg','/blog/wp-content/gallery/slideshow/marlonvorschau.jpg','/blog/wp-content/gallery/slideshow/sixvorschau.jpg','/blog/wp-content/gallery/slideshow/tommyvorschau.jpg','/blog/wp-content/gallery/slideshow/ulisesvorschau.jpg','/blog/wp-content/gallery/slideshow/islavorschau_0.jpg','/blog/wp-content/gallery/slideshow/terryvorschau.jpg','/blog/wp-content/gallery/slideshow/coryvorschau.jpg','/blog/wp-content/gallery/slideshow/zalavorschau.jpg','/blog/wp-content/gallery/slideshow/sharivorschau.jpg','/blog/wp-content/gallery/slideshow/lagovorschau.jpg','/blog/wp-content/gallery/slideshow/calosvorschau.jpg','/blog/wp-content/gallery/slideshow/robertvorschau_0.jpg','/blog/wp-content/gallery/slideshow/dragovorschau.jpg','/blog/wp-content/gallery/slideshow/liamvorschau.jpg','/blog/wp-content/gallery/slideshow/woodyvorschau.jpg','/blog/wp-content/gallery/slideshow/ronvorschau.jpg','/blog/wp-content/gallery/slideshow/almendravorschau.jpg','/blog/wp-content/gallery/slideshow/edenvorschau.jpg','/blog/wp-content/gallery/slideshow/kanelovorschau.jpg','/blog/wp-content/gallery/slideshow/riavorschau.jpg','/blog/wp-content/gallery/slideshow/pinellivorschau.jpg','/blog/wp-content/gallery/slideshow/romavorschau.jpg','/blog/wp-content/gallery/slideshow/sahirvorschau.jpg','/blog/wp-content/gallery/slideshow/danielvorschau.jpg','/blog/wp-content/gallery/slideshow/marisolvorschau.jpg','/blog/wp-content/gallery/slideshow/luckyvorschau.jpg','/blog/wp-content/gallery/slideshow/ninovorschau.jpg','/blog/wp-content/gallery/slideshow/campeonvorschau.jpg','/blog/wp-content/gallery/slideshow/rodrivorschau.jpg','/blog/wp-content/gallery/slideshow/sandorvorschau.jpg','/blog/wp-content/gallery/slideshow/rosavorschau.jpg','/blog/wp-content/gallery/slideshow/rafavorschau.jpg','/blog/wp-content/gallery/slideshow/pepsivorschau.jpg','/blog/wp-content/gallery/slideshow/dariavorschau.jpg','/blog/wp-content/gallery/slideshow/manchitavorschau.jpg','/blog/wp-content/gallery/slideshow/dankovorschau.jpg','/blog/wp-content/gallery/slideshow/victorvorschau.jpg','/blog/wp-content/gallery/slideshow/duquevorschau.jpg','/blog/wp-content/gallery/slideshow/almavorschau.jpg','/blog/wp-content/gallery/slideshow/olvidovorschau.jpg','/blog/wp-content/gallery/slideshow/macutovorschau.jpg','/blog/wp-content/gallery/slideshow/ewavorschau.jpg','/blog/wp-content/gallery/slideshow/fuegovorschau.jpg','/blog/wp-content/gallery/slideshow/bubuvorschau.jpg','/blog/wp-content/gallery/slideshow/ramivorschau.jpg','/blog/wp-content/gallery/slideshow/rokyvorschau.jpg','/blog/wp-content/gallery/slideshow/darelvorschau.jpg','/blog/wp-content/gallery/slideshow/lurdesvorschau.jpg','/blog/wp-content/gallery/slideshow/permavorschau.jpg','/blog/wp-content/gallery/slideshow/vickyvorschau.jpg','/blog/wp-content/gallery/slideshow/ginebravorschau.jpg','/blog/wp-content/gallery/slideshow/sookievorschau.jpg','/blog/wp-content/gallery/slideshow/twovorschau.jpg','/blog/wp-content/gallery/slideshow/tilicovorschau.jpg','/blog/wp-content/gallery/slideshow/camilvorschau.jpg','/blog/wp-content/gallery/slideshow/luzvorschau.jpg','/blog/wp-content/gallery/slideshow/gabinovorschau.jpg','/blog/wp-content/gallery/slideshow/pauvorschau.jpg','/blog/wp-content/gallery/slideshow/alegriavorschau.jpg','/blog/wp-content/gallery/slideshow/cielovorschau.jpg','/blog/wp-content/gallery/slideshow/ecovorschau.jpg','/blog/wp-content/gallery/slideshow/irisvorschau.jpg','/blog/wp-content/gallery/slideshow/margotvorschau.jpg','/blog/wp-content/gallery/slideshow/orlandovorschau.jpg','/blog/wp-content/gallery/slideshow/albavorschau.jpg','/blog/wp-content/gallery/slideshow/samvorschau.jpg','/blog/wp-content/gallery/slideshow/tranquivorschau.jpg','/blog/wp-content/gallery/slideshow/ginavorschau.jpg','/blog/wp-content/gallery/slideshow/jesusvorschau.jpg','/blog/wp-content/gallery/slideshow/auroravorschau.jpg','/blog/wp-content/gallery/slideshow/leonorvorschau.jpg','/blog/wp-content/gallery/slideshow/penelopevorschau.jpg','/blog/wp-content/gallery/slideshow/tedivorschau.jpg','/blog/wp-content/gallery/slideshow/tatianavorschau.jpg','/blog/wp-content/gallery/slideshow/pupivorschau.jpg','/blog/wp-content/gallery/slideshow/cleovorschau.jpg','/blog/wp-content/gallery/slideshow/saburvorschau.jpg','/blog/wp-content/gallery/slideshow/sevenvorschau.jpg','/blog/wp-content/gallery/slideshow/ivanvorschau_0.jpg','/blog/wp-content/gallery/slideshow/alivorschau.jpg','/blog/wp-content/gallery/slideshow/tatovorschau.jpg','/blog/wp-content/gallery/slideshow/laravorschau.jpg','/blog/wp-content/gallery/slideshow/leirevorschau.jpg','/blog/wp-content/gallery/slideshow/blackvorschau.jpg','/blog/wp-content/gallery/slideshow/rickyvorschau.jpg','/blog/wp-content/gallery/slideshow/omarvorschau.jpg','/blog/wp-content/gallery/slideshow/ignaciovorschau.jpg','/blog/wp-content/gallery/slideshow/cresyvorschau.jpg','/blog/wp-content/gallery/slideshow/tigrevorschau.jpg'); var def_divid="slideshow"; //the id of the div container that will hold the slideshow var def_picwid=200; //set this to the width of your widest pic var def_pichei=200; //... and this to the height of your highest pic var def_backgr="#eeeeee"; //set this to the background color you want to use for the slide-area //(for example the body-background-color) if your pics are of different size var def_sdur=3; //time to show a pic between fades in seconds var def_fdur=1; //duration of the complete fade in seconds var def_steps=20; //steps to fade from on pic to the next var def_startwhen="y"; //start automatically at pageload? set it to "y" for on and to "n" for off var def_shuffle="y"; //start with random image? set it to "y" for on and to "n" for off var def_showcontr="y"; //do you want to show controls? set it to "y" for on and to "n" for off //into this array insert the paths of your control-buttons or the text to display e.g. back,start,stop,fwrd. var def_contr=new Array ('bwd.png', 'start.png', 'stop.png', 'fwd.png'); //**************************************************************** //daisychain onload-events function daisychain(sl){if(window.onload) {var ld=window.onload;window.onload=function(){ld();sl();};}else{window.onload=function(){sl();};}} function be_slideshow(be_slideid,be_imges,be_divid,be_picwid,be_pichei,be_backgr,be_sdur,be_fdur,be_steps,be_startwhen,be_shuffle,be_showcontr,be_contr){ //declarations and defaults var slideid=(be_slideid)?be_slideid:"0"; var imges=(be_imges)?be_imges:def_imges; var divid=(be_divid)?be_divid:def_divid; var picwid=(be_picwid)?be_picwid:def_picwid; var pichei=(be_pichei)?be_pichei:def_pichei; var backgr=(be_backgr)?be_backgr:def_backgr; var sdur=(be_sdur)?be_sdur:def_sdur; var fdur=(be_fdur)?be_fdur:def_fdur; var steps=(be_steps)?be_steps:def_steps; var startwhen=(be_startwhen)?be_startwhen:def_startwhen; startwhen=(startwhen.toLowerCase()=="y")?1:0; var shuffle=(be_shuffle)?be_shuffle:def_shuffle; shuffle=(shuffle.toLowerCase()=="y")?1:0; var showcontr=(be_showcontr)?be_showcontr:def_showcontr; showcontr=(showcontr.toLowerCase()=="y")?1:0; var contr=(be_contr)?be_contr:def_contr; var ftim=fdur*1000/steps; var stim=sdur*1000; var emax=imges.length; var self = this; var stopit=1; var startim=1; var u=0; var parr = new Array(); var ptofade,pnext,factor,mytimeout; //check if there are at least 3 pictures, elswhere double the array if(imges.length<=2){imges=imges.concat(imges);} //shuffle images if set if(shuffle){var i;for(i=0;i<=Math.floor(Math.random()*imges.length);i++){imges.push(imges.shift());}} //push images into array and get things going this.b_myfade = function(){ var a,idakt,paktidakt,ie5exep; for(a=1;a<=emax;a++){ idakt="img_"+slideid+"_"+a;paktidakt=document.getElementById(idakt); ie5exep=new Array(paktidakt);parr=parr.concat(ie5exep); } if(startwhen){ stopit=0; mytimeout=setTimeout(function(){self.b_slide();},stim); } } //prepare current and next and trigger slide this.b_slide = function(){ clearTimeout(mytimeout); u=0; ptofade=parr[startim-1]; if(startim=2){startim=startim-1;} else{startim=emax;} self.b_slide(); } else{ //whilst sliding self.b_slide(); } } //slide as said, then give back this.b_slidenow = function(){ var check1,maxalpha,curralpha; check1=ptofade.style.MozOpacity; maxalpha=(100-factor*u)/100*105; if(check1<=maxalpha/100){u=u+1;} curralpha=100-factor*u; ptofade.style.filter="Alpha(Opacity="+curralpha+")"; ptofade.style.MozOpacity=curralpha/100; ptofade.style.opacity=curralpha/100; if(u"; myhtml+="
"; for(b=1;b<=emax;b++){ thez=1;thevis='hidden'; if(b<=1) {thez=2; thevis='visible';} myhtml+="
"; myhtml+="
"; } myhtml+="
"; //show controls if(showcontr){ for(b=1;b<=4;b++){ var check=contr[b-1].substring(contr[b-1].length-3).toLowerCase(); //check for buttons contr[b-1]=(check=="jpg"||check=="gif"||check=="png")?(""):(contr[b-1]); } myhtml+="
"; myhtml+=""+contr[0]+" "; myhtml+=""+contr[1]+" "; myhtml+=""+contr[2]+" "; myhtml+=""+contr[3]+""; } myhtml+="
"; document.getElementById(divid).innerHTML=myhtml; self.b_myfade(); } //call autostart-function daisychain(this.b_insert); } var be_0= new be_slideshow(null,null,null,null,null,"#eeeeee",5,1,20, "y","y","n");;