Diese Slideshow kann man verschieben. Für den Fall, dass es bei der Seitengestaltung etwas eng zugeht. Funktioniert ab IE Browser 5.0+
Klicke hier zum zeigen Klicke hier zum verstecken
HTML-Einbindung <!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <script language="JavaScript1.2"> // Script Source: CodeLifter.com // Copyright 2003 // Do not remove this header // ======================================= // Place this script in the head of your // page and set the following variables. // ======================================= // Set slideShowSpeed (milliseconds) var slideShowSpeed = 3000 // Duration of crossfade (seconds) var crossFadeDuration = 3 // Specify the image files var Pic = new Array() // don't touch this // to add more images, just continue // the pattern, adding to the array below Pic[0] = 'SS1.jpg' Pic[1] = 'SS2.jpg' Pic[2] = 'SS3.jpg' Pic[3] = 'SS4.jpg' Pic[4] = 'SS5.jpg' // ======================================= // do not edit anything below this line // ======================================= isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; isHot=false; function ddInit(e){ topDog=isIE ? "BODY" : "HTML"; whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer"); hotDog=isIE ? event.srcElement : e.target; while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){ hotDog=isIE ? hotDog.parentElement : hotDog.parentNode; } if (hotDog.id=="titleBar"){ offsetx=isIE ? event.clientX : e.clientX; offsety=isIE ? event.clientY : e.clientY; nowX=parseInt(whichDog.style.left); nowY=parseInt(whichDog.style.top); ddEnabled=true; document.onmousemove=dd; } } function dd(e){ if (!ddEnabled) return; whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety; return false; } function ddN4(whatDog){ if (!isN4) return; N4=eval(whatDog); N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP); N4.onmousedown=function(e){ N4.captureEvents(Event.MOUSEMOVE); N4x=e.x; N4y=e.y; } N4.onmousemove=function(e){ if (isHot){ N4.moveBy(e.x-N4x,e.y-N4y); return false; } } N4.onmouseup=function(){ N4.releaseEvents(Event.MOUSEMOVE); } } function hideMe(){ if (isIE||isNN) whichDog.style.visibility="hidden"; else if (isN4) document.theLayer.visibility="hide"; } function showMe(){ if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } document.onmousedown=ddInit; document.onmouseup=Function("ddEnabled=false"); var t var j = 0 var p = Pic.length var preLoad = new Array() for (i = 0; i < p; i++){ preLoad[i] = new Image() preLoad[i].src = Pic[i] } function runSlideShow(){ if (document.all){ document.images.SlideShow.style.filter="blendTrans(duration=2)"; document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"; document.images.SlideShow.filters.blendTrans.Apply(); } if (!isN4) document.images.SlideShow.src = preLoad[j].src; if (isN4) document.layers['theLayer'].document.images['SlideShow'].src = preLoad[j].src; if (document.all){ document.images.SlideShow.filters.blendTrans.Play(); } j = j + 1; if (j > (p-1)) j=0; t = setTimeout('runSlideShow()', slideShowSpeed); } </script> </head> <!-- Diesen Code musst Du als -eventhandler- in den body-Tag einbauen --> <body onload="runSlideShow()" bgcolor=FFFFFF> <!-- Diesen Code musst Du in den -body- einbauen --> <!-- BEGIN FLOATING SLIDE SHOW CODE //--> <div id="theLayer" style="position:absolute;left:100;top:100;visibility:visible"> <!-- Set thin outer border color here //--> <table border="0" bgcolor="#CCCCFF" cellspacing="0" cellpadding="2"> <tr> <td> <!-- Set thicker inner border color here //--> <table border="0" bgcolor="#8080FF" cellspacing="0" cellpadding="5"> <tr> <td> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td id="titleBar" style="cursor:move"> <ilayer onSelectStart="return false"> <layer onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false"> <font face="Arial" color="#FFFFFF">Draggable Slide Show</font> </layer> </ilayer> </td> <td style="cursor:hand" align="right"> <a style="text-decoration:none" href="#" onClick="hideMe();return false"><font color=#ffffff size=2 face=arial>X </font></a> </td> </tr> <tr> <td bgcolor="#FFFFFF" style="padding:0px" colspan="2"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td id="VU"> <!-- Set your image URL and dimensions here //--> <img src="SS1.jpg" name='SlideShow' width=200 height=300></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> <!-- END FLOATING SLIDESHOW CODE //--> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->
Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"
