Random Gradient Background

Bei diesem Script wird bei jedem Aufruf der Seite ein anderer
Hintergrund aufgerufen. Das ist aber noch nicht alles.
In der zu definierenden Zeitleiste kann der Hintergrund während der
Betrachtung der Seite nochmals die Farbe ändern.

Es stehen insgesamt 5 Fading-Effekte zur Verfügung, die direkt im
Script eingestellt werden können. Außerdem ist es möglich, den Farbübergang
horizontal bzw. vertikal zu wählen.

Die Geschwindigkeit ist ebenfalls einstellbar, wobei ich hier nicht
unbedingt etwas verändern würde. Ein zu schneller Farbübergang
wirkt verwirrend auf den Zuschauer.

HTML-Einbindung
   <script> // CREDITS: // Background random fader with gradient effect // by Peter Gehrig // Copyright (c) 2003 Peter Gehrig. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 11/20/2003 // IMPORTANT: // If you add this script to a script-library or a script-archive // you are required to insert a highly visible link to http://www.24fun.com // right into the webpage where the script // will be displayed. /////////////////////////////////////////////////////////////////////////// // CONFIGURATION STARTS HERE /////////////////////////////////////////////////////////////////////////// // Select fade-effect below: // Set 1 if the background may fade from dark to medium // Set 2 if the background may fade from light to medium // Set 3 if the background may fade from very dark to very light light // Set 4 if the background may fade from light to very light // Set 5 if the background may fade from dark to very dark var fade_effect=4 // What type of gradient should be applied Internet Explorer 5x or higher? // Set "none" or "horizontal" or "vertical" var gradient_effect="vertical" // Speed higher=slower var speed=60 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// var browserinfos=navigator.userAgent var ie4=document.all&&!document.getElementById var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns4=document.layers var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie4||ie5||ns4||ns6||opera if (fade_effect==1) { var darkmax=1 var lightmax=127 } if (fade_effect==2) { var darkmax=127 var lightmax=254 } if (fade_effect==3) { var darkmax=1 var lightmax=254 } if (fade_effect==4) { var darkmax=190 var lightmax=254 } if (fade_effect==5) { var darkmax=1 var lightmax=80 } var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F') var newred var newgreen var newblue var oldred var oldgreen var oldblue var redcol_1 var redcol_2 var greencol_1 var greencol_2 var bluecol_1 var bluecol_2 var oldcolor var newcolor var firsttime=true var stepred=1 var stepgreen=1 var stepblue=1 function setrandomcolor() { var range=(lightmax-darkmax) if (firsttime) { newred=Math.ceil(range*Math.random())+darkmax newgreen=Math.ceil(range*Math.random())+darkmax newblue=Math.ceil(range*Math.random())+darkmax firsttime=false } oldred=Math.ceil(range*Math.random())+darkmax oldgreen=Math.ceil(range*Math.random())+darkmax oldblue=Math.ceil(range*Math.random())+darkmax stepred=newred-oldred if (oldred>newred) {stepred=1} else if (oldred<newred) {stepred=-1} else {stepred=0} stepgreen=newgreen-oldgreen if (oldgreen>newgreen) {stepgreen=1} else if (oldgreen<newgreen) {stepgreen=-1} else {stepgreen=0} stepblue=newblue-oldblue if (oldblue>newblue) {stepblue=1} else if (oldblue<newblue) {stepblue=-1} else {stepblue=0} fadebg() } function fadebg() { if (newred==oldred) {stepred=0} if (newgreen==oldgreen) {stepgreen=0} if (newblue==oldblue) {stepblue=0} newred+=stepred newgreen+=stepgreen newblue+=stepblue if (stepred!=0 || stepgreen!=0 || stepblue!=0) { redcol_1 = hexc[Math.floor(newred/16)]; redcol_2 = hexc[newred%16]; greencol_1 = hexc[Math.floor(newgreen/16)]; greencol_2 = hexc[newgreen%16]; bluecol_1 = hexc[Math.floor(newblue/16)]; bluecol_2 = hexc[newblue%16]; newcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2 if (ie5 && gradient_effect!="none") { if (gradient_effect=="horizontal") {gradient_effect=1} if (gradient_effect=="vertical") {gradient_effect=0} greencol_1 = hexc[Math.floor(newred/16)]; greencol_2 = hexc[newred%16]; bluecol_1 = hexc[Math.floor(newgreen/16)]; bluecol_2 = hexc[newgreen%16]; redcol_1 = hexc[Math.floor(newblue/16)]; redcol_2 = hexc[newblue%16]; var newcolorCompl="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2 document.body.style.filter= "progid:DXImageTransform.Microsoft.Gradient(startColorstr="+newcolorCompl+", endColorstr="+newcolor+" GradientType="+gradient_effect+")" } else { document.bgColor=newcolor } var timer=setTimeout("fadebg()",speed); } else { clearTimeout(timer) newred=oldred newgreen=oldgreen newblue=oldblue oldcolor=newcolor setrandomcolor() } } if (browserok) { window.onload=setrandomcolor } </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"