Tips&Tricks

til hjemmesiden, computeren og internettet

Tips & Tricks



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>

Kunne du lide tippet? Abonner gratis på mine nyhedsmails og få friske tips hver uge: Tilmelding til Tips og tricks
Lige nu: Få e-bogen "701 Tips og Tricks" gratis (normalpris $11,83) ved tilmelding.


|