Søg
Avatar billede mydream Nybegynder
10. oktober 2006 - 11:03 Der er 5 kommentarer og
1 løsning

vis billede (lille gif) indtil siden er færdigloadet

Jeg vil gerne kunne vise en lille gif der viser, at siden er i gang med at loade. Først når siden er færdigloadet skal der skiftes fra giffen til sidens indhold.

HVordan griber jeg det an?
Avatar billede mapoulsen Nybegynder
10. oktober 2006 - 11:20 #1
Du indsætter alt andet på siden i en div med fx id="content" og indsætter billedet i en div med fx id="preload". Preload-div'en skal self. ikke ligge inden i content-div'en, men de skal ligge ved siden af hinanden.

I din css angiver du:
#content {display:none;}

..for således at skjule indhold i content-div'en som standard.

Og så indsætter du en onload i din body:
<body onload="document.getElementById('content').style.display='';document.getElementById('preload').style.display='none';">

For således, når siden er loadet, at vise content-div'en og skjule preload-div'en.
Avatar billede mydream Nybegynder
10. oktober 2006 - 12:03 #2
Min gif bliver ikke vist på den måde. Den bliver simpelthen ignoreret.

<style>
#ventermedatloade2 {display:none;}
</style>
   
<body onload="document.getElementById('ventermedatloade').style.display='block';document.getElementById('preload').style.display='none';" >

<div id="preload">
<img src="images/loading.gif">
</div>

<div id="ventermedatloade">
alt mit indhold som tager lang tid at hente
</div>
Avatar billede mydream Nybegynder
10. oktober 2006 - 12:04 #3
og jeg har også forsøgt med display=''
Avatar billede mapoulsen Nybegynder
10. oktober 2006 - 12:24 #4
Det kode du har indsat her vil være så hurtigt om at blive loadet, at du ikke når at opleve at dit billede bliver vist. Prøv i stedet at indsæt et tungt billede i din "ventermedatloade".
Avatar billede mydream Nybegynder
10. oktober 2006 - 12:28 #5
det her er bare et eksempel. Jeg har masser af kode liggende. Det tager ca. 15 sec. at hente.
Avatar billede mydream Nybegynder
10. oktober 2006 - 12:40 #6
kan det have noget at gøre med at der ligger en del jsp kode, der skal laves først? Kan jeg sno mig uden om det også?
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 03/05/202613:59
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
I dag 16:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
I dag 14:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
I går 13:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
I går 11:50 Vælg indstilling - blå skærm med med flere muligheder for fejlretning Af Uvanga i Windows
14/0523:24 Google sheets beregning udfra dato Af rickiegrayholm i Office & Kontorpakker
White papers
Flere white papers »