Søg
Avatar billede pert-x Nybegynder
25. maj 2001 - 17:50 Der er 17 kommentarer og
1 løsning

Billede efter 5 sekunder

Kan man få et billede vist på en side f.eks. 5 sekunder efter at siden er indlæst, eller skal man indlæse en ny side med billedet efter 5 sekunder ?
Det ville være rart med nogen kode-eksempler, tak !
Avatar billede engrob Nybegynder
25. maj 2001 - 17:54 #1
du kan lægge et script der hvor dit billede skal være

<script language=\"javascript\">
<!--

setTimeout(\"document.write(\'<img src=billede.gif>\')\",5000)

//-->
</script>
Avatar billede engrob Nybegynder
25. maj 2001 - 17:56 #2
Hov nej, det virker ikke. øv
Avatar billede stigc Nybegynder
25. maj 2001 - 17:59 #3
det her virker:

<img width=0 height=0 id=test name=test src=billede.gif>
<script language=\"javascript\">
<!--

setTimeout(\"test();\",5000)
function test() {
document.test.width=100;
document.test.height=100;
}

//-->
</script>

Avatar billede olebole Juniormester
25. maj 2001 - 18:12 #4
<ole>
stigc >> Det virker ikke X-browser...!

pert-x >> Hvis du laver en transparent gif på 1*1pixel og kalder den \'et_billede.gif\', kan du skrive:

<html>
<head>
<script language=\"JavaScript\">
function swap() {
    document.images[\"bla\"].src = \"et_andet_billede.gif\";
}
</script>
</head>
<body onload=\"setTimeout(\'swap()\',5000);\">
    <img src=\"et_billede.gif\" name=\"bla\" width=\"300\" height=\"200\">
</body>
</html>

/mvh
</bole>
Avatar billede olebole Juniormester
25. maj 2001 - 18:13 #5
...forudsat dit billede, der skal skiftes ind, hedder \'et_andet_billede.gif\' og er 300*200 pixels.
Avatar billede stigc Nybegynder
25. maj 2001 - 18:14 #6
olebole? har du tekket dit med \"WebTV 1\" ?
Avatar billede pert-x Nybegynder
25. maj 2001 - 22:47 #7
Undskyld engrob/stigc/olebole
Først nu kan jeg se, at jeg har glemt at fortælle at billedet skal lægge sig ovenpå en tekst. Med andre ord skal man se teksten i 5 sekunder og derefter skal billedet dukke op. Det er ikke tekst, som har noget med billedet at gøre.
Avatar billede stigc Nybegynder
25. maj 2001 - 23:11 #8
så vil en god løsning være med layers, men jeg orker ikke mere :)
Avatar billede olebole Juniormester
25. maj 2001 - 23:17 #9
stigc >> Nej, jeg har slet ikke checket, men det er heller ikke nødvendigt.  :o)
Image-objektets width- og height-properties er ifølge standarden read-only.....derfor ved jeg også, dit forslag ikke virker. Jaja, bevares....i IE - men den er jo også skrevet for kodeblinde og fyldt med så meget fejlopretnings kode, at du kan skrive, hvad det skal være. Den gætter sig bare frem til noget, der nogen gange er rigtigt.....nogen gange forkert.
Jeg gik dog udfra, at spørgeren gerne vil skrive noget, der er nogenlunde korrekt  :o)

pert-x >> Du må nok smide en URL her, så vi kan se resten. Det kan være temmelig afgørende for løsningen.
/mvh
Avatar billede pert-x Nybegynder
25. maj 2001 - 23:32 #10
Dusøren er nu sat til 100, det er mest fordi jeg har gjort opgaven mere kompliseret, men jeg håber også at det motiverer.
Når \"stigc\" siger, at man skal bruge layers, så synest jeg, at det er en udfordring. Det har jeg også brug for at få styr på.
Og til \"olebole\", teksten er maget enkel, store bogstaver: Velkommen til vores hjemmeside ...
Billedet som skal lægge sige ovenpå denne tekst efter 5 sekunder er ca. 600x600 pix.
Skal det være mere konkret ?

Avatar billede olebole Juniormester
25. maj 2001 - 23:35 #11
Ja....det gælder om at få laget placeret korrekt - og der er det nok nødvendigt at se koden  ;o)
Avatar billede olebole Juniormester
25. maj 2001 - 23:40 #12
En anden ting: Et billede på 600*600 pixels tager formodentlig laaaaang tid at downloade...
Avatar billede pert-x Nybegynder
26. maj 2001 - 00:23 #13
Her er koden, billedet er reduseret til 400x400

<body>
<br>
<br>
<br>
<br>
<font size=\"5\">Velkommen til Dykkerforeningens hjemmeside<br>
... vi ser frem til, at hjemesiden bl.a. kan skabe god og hurtig information til medlemmerne
</font>
<img border=\"0\" src=\"images/NR-2-GIF.gif\" width=\"400\" height=\"400\">
<br><br>
</body>

</html>
Avatar billede olebole Juniormester
26. maj 2001 - 01:34 #14
Dette kunne være et bud:

<html>
<head>
<script language=\"JavaScript\">
function show() {
    if (document.getElementById) {
        document.getElementById(\"pic\").style.visibility = \"visible\";
        document.getElementById(\"tekst\").style.visibility = \"hidden\";
    }
    else if (document.all) {
        document.all.pic.style.visibility = \"visible\";
        document.all.tekst.style.visibility = \"hidden\";
    }
    else if (document.layers) {
        document.layers.pic.visibility = \"visible\";
        document.layers.tekst.visibility = \"hidden\";
    }
}
</script>
</head>
<body>

<div id=\"tekst\" style=\"position:absolute;font-family:verdana;font-size:18px;\">
<br><br><br><br>Velkommen til Dykkerforeningens hjemmeside<br>
... vi ser frem til, at hjemesiden bl.a. kan skabe god og hurtig information til medlemmerne
</div>

<div id=\"pic\" style=\"position:absolute;visibility:hidden;\">
<img border=\"0\" src=\"images/NR-2-GIF.gif\" width=\"400\" height=\"400\">
</div>


<!-- Skal stå aller nederst på siden: -->
<script language=\"JavaScript\">setTimeout(\"show()\",5000);</script>
</body>
</html>

/mvh
Avatar billede pert-x Nybegynder
26. maj 2001 - 19:21 #15
Tak til olebole
Avatar billede olebole Juniormester
26. maj 2001 - 19:24 #16
Selv tak  ;o)
Avatar billede jakoba Nybegynder
27. maj 2001 - 13:47 #17
Men stigc har nu ret mht WebTV. Den er baseret på NS3 og for at lave biledskift så langt tilbage skal begge billeder have den samme \"rigtige\" størrelse. dvs det billige transparente billede skal også være 300*200 i størrelse.
Avatar billede olebole Juniormester
28. maj 2001 - 10:57 #18
Jeg ved det, men WebTV tillader jeg mig at se bort fra - NS4+, IE4+ og Opera...så er jeg tilfreds. Også uagtet at alle otte WebTV-brugere ikke er det  :oD
/mvh
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
White papers
Flere white papers »