Avatar billede m-lab Nybegynder
23. juni 2008 - 20:18 Der er 9 kommentarer og
1 løsning

setTimeout - skifte een jpg med en anden.

Hej

Jeg har flg.:

<div class="c2" style="margin: 0 auto; border: 1px solid #000; color: #ffffff; width: 590px; height: 317px; text-align: left; background: url(img/angry.jpg) no-repeat;  position:absolute; top:16px; left:0px; z-index: 7;"></div>

Jeg vil gerne skifte angry.jpg ud med happy.jpg efter 2 sek.

Hvordan gør jeg lige..?
Avatar billede w13 Novice
23. juni 2008 - 20:26 #1
Så skal du sætte et id på div'en f.eks.:

<div id="div1" class="c2" style="margin: 0 auto; border: 1px solid #000; color: #ffffff; width: 590px; height: 317px; text-align: left; background: url(img/angry.jpg) no-repeat; position:absolute; top:16px; left:0px; z-index: 7;"></div>

Og bruge denne JavaScript-funktion:

<script type="text/javascript">
window.setTimeout("document.getElementById('div').style.backgroundImage='url(happy.jpg)'",2000);
</script>
Avatar billede w13 Novice
23. juni 2008 - 20:26 #2
:)
Avatar billede olebole Juniormester
23. juni 2008 - 20:26 #3
<ole>

function foo() {
    var oDiv = document.getElementById("ditDivsID");
    oDiv.style.backgroundImage = "url(img/happy.jpg)";
}
setTimeout("foo()",2000);

/mvh
</bole>
Avatar billede w13 Novice
23. juni 2008 - 20:26 #4
Som Ole siger, så skal url(happy.jpg) nok være url(img/happy.jpg)
Avatar billede olebole Juniormester
23. juni 2008 - 20:27 #5
*LoL* 8 sek!  ;D
Avatar billede w13 Novice
23. juni 2008 - 20:29 #6
;)
Avatar billede madsens90 Praktikant
23. juni 2008 - 20:34 #7
Det er fandme rart at se der er nogle der er parate til at hjælpe. ;)
hehe
Avatar billede olebole Juniormester
23. juni 2008 - 20:55 #8
- nuvel, men det må vist også være tid til at gå ud og få futtet en langhåret, vantro eller to af mod Bloksbjerg  ;D
Avatar billede m-lab Nybegynder
23. juni 2008 - 20:56 #9
Pefekt...

Tak for hurtig hjælp!!
Avatar billede w13 Novice
23. juni 2008 - 21:15 #10
Tak for point! :)
Ja, man må vel lige ud til heksen.
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
Kurser inden for grundlæggende programmering

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