Baggrunden skifter automatisk
Sat på siden 03-10-2003
Som en sjov effekt til din hjemmeside kan du have en baggrund, der skifter fx hver 4. sekund. Du bestemmer selv intervallet. Se et eksempel her: http://www.tips-og-tricks.com/eksempler/baggrund.html
Enten skal du holde dig til lyse eller mørke baggrundsbilleder, så du er sikker på, at skriften ikke pludselig er blevet usynlig, fordi den har samme farve som baggrunden. Eller også skal du bruge det som en effekt, at skriften forsvinder og en anden dukker op. Se her fx: http://www.tips-og-tricks.com/eksempler/sort-hvidt.html
Du skal bruge nogle baggrundsbilleder og et JavaScript for at lave denne effekt. JavaScriptet finder du på herunder, og det skal indsættes i <head> i dit HTML-dokument.
Det eneste, du behøver at tilrette i JavaScriptet, er det antal sekunder, du vil vise hver baggrund, og så navnene på dine baggrundsbilleder.
<script type="text/javascript">
// Copyright Peter Gehrig and Urs
Dudli at www.24fun.com
// If you add this script to a script-library or archive
// you have to insert a link to www.24fun.com in the page.
// Ret "bgX.gif eller jpg" til de billeder, du vil have i baggrunden.
var backgroundimage=new array("bg1.gif","bg2.jpg","bg3.jpg","bg4.jpg","bg5.jpg","bg6.jpg")
// Rotationshastigheden (i sekunder)
var swapspeed=4
////////////////////////////////////////////////
var timer
var
imgpreload=new Array()
if (document.all) {
for
(i=0;i<=backgroundimage.length-1;i++) {
imgpreload[i]=new
Image()
imgpreload[i].src=backgroundimage[i]
}
}
var i_backgroundimage=0
swapspeed=swapspeed*1000
function swapimages() {
if (document.all)
{
window.status=i_backgroundimage
document.body.background=backgroundimage[i_backgroundimage]
i_backgroundimage++
if
(i_backgroundimage>=backgroundimage.length)
{i_backgroundimage=0}
timer=setTimeout("swapimages()",swapspeed)
}
}
window.onload=swapimages
</script>