[Beschreibung]
Eine 2-Wege- Bilder- Slideshow im Bildschirmhintergrund.
Bei Verwendung dieser Slideshow ist die Verwendung einer zusätzlichen Hintergrundgrafik natürlich nicht mehr möglich!!
[Kompatibilität]
[Code]
<script language="JavaScript">
<!-- Begin // (C) 2001 www.CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header
// ======================================= // set the following variables // =======================================
// Set speed (milliseconds) var speed = 1000
// 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] = '1.gif' Pic[1] = '2.gif' Pic[2] = '3.gif' Pic[3] = '4.gif'
// do not edit anything below this line
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 runBGSlideShow(){ if (document.body){ document.body.background = Pic[j]; j = j + 1 if (j > (p-1)) j=0 t = setTimeout('runBGSlideShow()', speed) } } // End --> </script>
<!-- Es gibt zwei Wege, die Slideshow zu verwenden, setzen Sie einen der beiden nun folgenden Codes in den head Ihrer Seite ein.-->
Method One - Positionable Images ----------
Setzen Sie das folgende StyleSheet *vor* das JavaScript.
<style> body{ background-repeat: no-repeat; background-position: 200 100; } </style>
Legen Sie die Position des Hintergrundbildes fest (x y) in Pixeln fest. Keine Kommas zwischen den Werten.
Method Two - Full Page-Space Background ----------
Easy - lassen Sie einfach das Stylesheet weg, dann wird die Slideshow über den ganzen Bildschirmhintergrund angezeigt.
onload="runBGSlideShow()"
Codelifter
Kopieren Sie bitte den Code