/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Undgå at vise img's - til de alle er indlæ~
Fra : John Kjoller


Dato : 25-04-05 01:04

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



 
 
zigma.dk (25-04-2005)
Kommentar
Fra : zigma.dk


Dato : 25-04-05 08:19

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

Jens Gyldenkærne Cla~ (25-04-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 25-04-05 09:17

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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste