---

Kender nogen en fiks måde at undgå at vise img's, til alle img's er indlæst?
Jeg har en menu, der er opbygget af 6 grafik-filer, og jeg er lidt træt af
at de kommer "klattende", sådan efterhånden, som de indlæses. Det ser
utjekket ud.

Kan nogen mon hjælpe?

KH
John

---

John Kjoller wrote in dk.edb.internet.webdesign.html:
> Kender nogen en fiks måde at undgå at vise img's, til alle img's er indlæst?

Ja. Du skal benytte JavaScript. Egentlig burde jeg henvise dig til dén gruppe,
men en kort forklaring:

Du skal sætte en style på alle billeder, så de ikke bliver vist til at starte
med:

<img style="display:none;" id="id_mit_billede_1" [...]
<img style="display:none;" id="id_mit_billede_2" [...]
<img style="display:none;" id="id_mit_billede_3" [...]

Nu skal vi have fat i noget som ændrer synligheden når de alle er loadet:

<script type="JavaScript">
document.onload = function () {
// Når dokumentet er loadet, gør billederne synlige:
document.getElementById('id_mit_billede_1').style.display = 'block' //
Eller hvad du nu vil sætte dem til
document.getElementById('id_mit_billede_2').style.display = 'block'
document.getElementById('id_mit_billede_3').style.display = 'block'
}
</script>



Og vupti, en masse usynlige billeder, som bliver synlige når hele siden er
indlæst.

...Men som sagt: smut over i <dk.edb.internet.webdesign.clientside> hvis du vil
høre mere om dén metode


Fortsat god dag!

// Zigma

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

zigma.dk skrev:

> Ja. Du skal benytte JavaScript. Egentlig burde jeg henvise dig til dén gruppe,
> men en kort forklaring:

Et par kommentarer til en ellers udmærket forklaring.

> <img style="display:none;" id="id_mit_billede_1" [...]
> <img style="display:none;" id="id_mit_billede_2" [...]
> <img style="display:none;" id="id_mit_billede_3" [...]

Man kan med fordel samle css-tildelingerne i en blok ved at bruge
descendant-selektoren:

/* Fanger alle billeder placeret i elementet med id=menu */
#menu img { display: none; }


> <script type="JavaScript">

Type-parameteren skal have værdien "text/javascript":
<script type="text/javascript">. Language-parameteren ses stadig en del
(language="JavaScript"), men den er ikke nødvendig, type er bedre at
bruge.

> document.getElementById('id_mit_billede_1').style.display = 'block' //
> Eller hvad du nu vil sætte dem til

Normalt vil man nok sætte det til inline - der er standardværdien for
billeder.


> ..Men som sagt: smut over i <dk.edb.internet.webdesign.clientside> hvis du vil
> høre mere om dén metode

Jeg sætter opfølgning til gruppen - svar på dette indlæg henvises til
nævnte gruppe (såfremt newsprogrammet understøtter det).

FUT: dk.edb.internet.webdesign.clientside

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html