<html><head>
<script type="text/javascript">
/****************************************************************
"bretteleben.de JavaScript Slideshow" - Version 20090406
License: [url]http://www.gnu.org/copyleft/gpl.html[/url]
Author: Andreas Berger
Copyright (c) 2009 Andreas Berger - [email]andreas_berger@bretteleben.de[/email]
Project page and Demo at [url]http://www.bretteleben.de[/url]
Last update: 2009-04-06
*****************************************************************/
//hier werden die parameter gesetzt:
//zwischen die apostrophe den pfad zu den bildern setzen
var def_imges=new Array (
'http://www.deinedomain.de/Foto/B1.png',
'http://www.deinedomain.de/Foto/B2.png',
'http://www.deinedomain.de/Foto/B3.png',
'http://www.deinedomain.de/Foto/B4.png');
var def_picwid=799; //setze hier die breite des breitesten bildes in pixeln
var def_pichei=137; //... und hier die höhe des höchsten bildes
var def_sdur=2; //zeit, die das bild angezeigt wird (in sekunden)
var def_fdur=3; //zeit, die das bild für den übergang erhält (in sekunden)
var def_steps=80; //anzahl schritte für den übergang von einem bild zum nächsten
//**************************************************************** ab hier beginnt das eigentliche script
//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){
//declarations and defaults
var slideid=(be_slideid)?be_slideid:"0";
var imges=(be_imges)?be_imges:def_imges;
var divid="slideshow";
var picwid=(be_picwid)?be_picwid:def_picwid;
var pichei=(be_pichei)?be_pichei:def_pichei;
var backgr="none";
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=1;
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, else double the array
if(imges.length<=2){imges=imges.concat(imges);}
//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<emax){pnext=parr[startim];}
else{pnext=parr[0];}
pnext.style.zIndex=1;
pnext.style.visibility="visible";
pnext.style.filter="Alpha(Opacity=100)";
pnext.style.MozOpacity=1;
pnext.style.opacity=1;
ptofade.style.zIndex=2;
ptofade.style.visibility="visible";
ptofade.style.filter="Alpha(Opacity=100)";
ptofade.style.MozOpacity=1;
ptofade.style.opacity=1;
factor=100/steps;
if(stopit=="0"){
this.b_slidenow();
}
}
//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<steps){ //slide not finished
if(stopit=="0"){mytimeout=setTimeout(function(){self.b_slidenow();},ftim);}
else {this.b_slide();}
}
else{ //slide finished
if(startim<emax){
ptofade.style.visibility="hidden";
ptofade.style.zIndex=1;
pnext.style.zIndex=2;
startim=startim+1;u=0;
mytimeout=setTimeout(function(){self.b_slide();},stim);
}
else{
ptofade.style.visibility="hidden";
ptofade.style.zIndex=1;
pnext.style.zIndex=2;
startim=1;u=0;
mytimeout=setTimeout(function(){self.b_slide();},stim);
}
}
}
//insert css and images
this.b_insert= function(){
var b, thestylid, thez, thevis;
var myhtml="<div style='width:"+picwid+"px;height:"+pichei+"px;'>";
myhtml+="<div style='position:absolute;width:"+picwid+"px;height:"+pichei+"px;'>";
for(b=1;b<=emax;b++){
thez=1;thevis='hidden';
if(b<=1) {thez=2; thevis='visible';}
myhtml+="<div id='img_"+slideid+"_"+b+"' style='font-size:0;line-height:"+pichei+"px;margin:0;padding:0;text-align:center;visibility:"+thevis+";z-index:"+thez+";position:absolute;left:0;top:0;width:"+picwid+"px;height:"+pichei+"px;background-color:"+backgr+";'>";
myhtml+="<img src='"+imges[(b-1)]+"' style='vertical-align:middle;border:0;' alt=''/></div>";
}
myhtml+="</div>";
document.getElementById(divid).innerHTML=myhtml;
self.b_myfade();
}
//call autostart-function
daisychain(this.b_insert);
}
var be_0= new be_slideshow();
</script>
</head>
<body>
<div id="slideshow">
<img src="http://www.deinedomain.de/Foto/B1.png" /> <!-- hier das ausgangsbild setzen, das auch erscheint, falls javascript deaktiviert ist -->
</div>
</body>