DMX-Slidershow

Eine Slideshow der Extraklasse.

Extrem einfach einzubinden und hervorragend zu konfigurieren.
Die Links unterhalb des Rahmens werden automatisch erstellt.
Es werden lediglich die Grafiken benannt und schon erstellt dieses
Script die einzelnen Links.

Im Script kann ebenfalls noch die Richtung der Einblendungen vorgegeben werden.
Entweder von rechts nach links oder von unten nach oben.

HTML-Einbindung
   <script language=javascript> //////////////////////////////////////////////// // dmx slidershow by robert engelhardt © 2003 // // womstar@uni.de // // vermerk bitte stehn lassen! // //////////////////////////////////////////////// // der macher des scriptes distanziert // // sich von dem inhalt der seite // //////////////////////////////////////////////// /******************* EIGENSCHAFTEN ************************/ /**************************************************/ /* die bilder sollten alle die gleiche größe haben*/ /**************************************************/ bilder = new Array("http://www.java24.net/gif/banner_468_60.gif","http://www.java24.net/gif/banner_234_60.gif"); /**************************************************/ rahmenBreite = 468; // die breite des rahmens ist gleich die breite des bildes rahmenHoehe = 60; // die höhe des rahmens ist gleich die höhe des bildes rahmenRand = 2; rahmenStil = "solid"; rahmenFarbe = "000000"; rahmenHintergrundFarbe = "f5f5f5"; schriftArt = "verdana"; schriftFarbe = "000000"; schriftGroesse = 1; trennZeichen = "-"; // trennzeichen zwischen den links srollVarianten = 1; // 0 = von unten nach oben, 1 = von rechts nach links /*********************************************************/ document.write("<center>" +"<div id='rahmen' style='width:" +(rahmenBreite+40)+"; height:" +(rahmenHoehe+40)+"; border:" +rahmenRand+"px " +rahmenStil+" #" +rahmenFarbe+"; background-color:#" +rahmenHintergrundFarbe+";overflow:hidden'>"); (srollVarianten==0) ? document.write("<div id='jumper' style='position:relative;top:18;left:0'>") : document.write("<div id='jumper' style='position:relative;left:18;top:18'>"); (srollVarianten==0) ? document.write("<table width=" +rahmenBreite+" cellspacing=0 cellpadding=0>") : document.write("<table height=" +rahmenHoehe+" cellspacing=0 cellpadding=0>"); for (i=0;i<bilder.length;i++) { (srollVarianten==0) ? document.write("<tr><td width=" +rahmenBreite+" height=" +rahmenHoehe+">") : document.write("<td width=" +rahmenBreite+" height=" +rahmenHoehe+">"); (srollVarianten==0) ? document.write("<img src="+bilder[i]+"></td></tr>" +"<tr><td height=25></td></tr>") : document.write("<img src="+bilder[i]+"></td>" +"<td><div style='width:25'></div></td>"); } document.write("</table></div></div><br>"); for (i = 0; i < bilder.length; i++) { if (i == bilder.length-1) trennZeichen = ""; (srollVarianten==0) ? (i == 0) ? posY = 0 : posY = (rahmenHoehe*i)+(25*i) : (i == 0) ? posY = 0 : posY = (rahmenBreite*i)+(25*i); document.write("<a href='javascript:getPos(" +posY+")' onfocus='this.blur()' style='text-decoration:none'><font size=" +schriftGroesse+" color=" +schriftFarbe+" face=" +schriftArt+">Bild"+(i+1)+"</font></a>" +"<font style='cursor:default'> " +trennZeichen+" </font>"); } document.write("</center>"); var thePos=dimx=Dimx=0,time; function getPos(pos) { thePos = pos-(pos*2)+18; browser = navigator.appName; usAgent = navigator.userAgent; if (browser == "Microsoft Internet Explorer" || usAgent.indexOf("Opera") >- 1) clearTimeout(time); dmx(); } function dmx() { time = setTimeout("dmx()",0); dimx = Math.round(Dimx+=((thePos)-Dimx)*4/20); if (document.getElementById) { (srollVarianten==0) ? document.getElementById("jumper").style.top = dimx : document.getElementById("jumper").style.left = dimx; } else if (document.all) { (srollVarianten==0) ? document.all["jumper"].style.top = dimx : document.all["jumper"].style.left = dimx; } if (thePos == dimx) clearTimeout(time); } </script>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"