Avatar billede domaz.dk Novice
06. januar 2005 - 13:59 Der er 5 kommentarer og
1 løsning

Skift baggrund's billed hvert 5 sek

Jeg skal bruge et script der skifter et bagrundsbilled i en <div> hvert 5 sek...
Avatar billede thomas_yde Nybegynder
06. januar 2005 - 15:05 #1
du kan måske bruge det her:
<script>
window.onload = initPage;

var billeder = new Array("1.jpg","2.jpg","3.jpg","4.jpg");
var lastPicIndex = 0;

function getE(id){return document.getElementById(id);}

function initPage(){
    setTimeout("startRotater()",5000);   
}

function startRotater(){
    div = getE("rotater");
    nextPic = lastPicIndex +1;
    if(nextPic<billeder.length){
        div.style.background = "url('"+billeder[nextPic]+"')";
        lastPicIndex = nextPic;
    }
    else{
        //starter forfra
        div.style.background = "url('"+billeder[0]+"')";
        lastPicIndex = 0;
    }
    window.setTimeout(function(){startRotater()},5000);
}
</script>
<div id="rotater" style="background:url('1.jpg');">
billedet abc
</div>
</BODY>
Avatar billede domaz.dk Novice
06. januar 2005 - 15:29 #2
virker rigtig godt... tak for hjælpen...

hvor mange points ekstra skal du ha for at lave sårn at den "fader" til næste billed...?
Avatar billede thomas_yde Nybegynder
07. januar 2005 - 11:13 #3
Så vidt jeg ved kan du ikke få en background til at have egen opacity (klarhed), så hvis den skal fade så fader hele din <div> dvs billede plus indholdet.
Avatar billede domaz.dk Novice
07. januar 2005 - 11:15 #4
hmm... okay... så må man finde på en anden løsning... men tak for hjælpen...
Avatar billede thomas_yde Nybegynder
07. januar 2005 - 11:17 #5
det var så lidt.
Avatar billede roenving Novice
08. januar 2005 - 10:00 #6
-- og en anden løsning kan kun findes ved at placere to elementer ovenpå hinanden !-)

-- desuden er opacity vidt forskelligt implementeret i de forskellige browsere, så det bliver lidt tricky at implementere det multi-browser !o]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester