Javascritp Bilder von Liste erst bei onklick Laden
Tuma
- javascript
Wie kann man den unterbinden das ein Bild Geladen wird das eigentlich erst durch ein "onclick event" gesehen und damit geladen werden soll?
Auf Meiner Seite habe ich ein Artikelscript mit sehr vielen Artikeln pro Seite. Zu jedem Artikel sollen per on click bilder angezeigt werden. Das funktioniert soweit.
Allerding entsteht durch das automatische laden der Bilder eine Menge traffic und auch eine lange Ladezeit.
Die Bilder sollten erst beim "onclick event" geladen werden.
Kann mir da bitte jemand weiterhelfen?
<img src="dummy.jpg" alt="Artikel123" onclick="this.src='artikel123.jpg'">
(wobei dummy.jpg ja nur einmal geladen werden muss und vielleicht einen Hinweis auf das Nachladen in grafischer Form enthalten könnte)
Für auf deine Bedürfniss besser angepasste Antworten fehlt der Input deinerseits.
hier kann man sehen wo das Problem liegt http://www.lordofquest.de/quest/epicreihe/einleitung_archet.php
Teilweise sind die Listen noch Länger so das die Bilder wirklich sehr lange laden. Möchte sie einfach ungeladen lassen bis man auf "info" klickt und erst dann laden lassen.
Jedes Bild hat eine eigene Url. die gleiche url zuzuweisen fällt damit raus.
Das Javascript für onclick lass ich mal raus da es sonst bisel lang wird. Das Javascript macht einfach bei onclick die zeile unter der angeklickten sichtbar.
stark eingekürtzt sieht das so aus
<tr>
<td height="13" align="left" valign="top" onclick="montre('smenu%ARTIKELNAME'); this.bgColor='000000'">
</td>
</tr>
<!-- onklick zum sichtbar schalten der Zeile -->
<img src="http://bild_das_immer_läd_es_aber_nicht_tun_soll%bildname%.gif"><img src="http://nextes_bild_das_läd_und_unötig_ladezeit_&traffik_verbraucht%bildname2%.gif">
<img src="http://noch_mehr_bild_die_laden_obwohl_man_sie_eh_nicht_sieht_ausser_bei_oncklick%bildname3%.gif"></td>
<!-- onclick zum unsichtbar schalten der Zeile -->
<td width="80" height="13" onClick="cache('smenu%DETAILLINK%')"></td>
</tr>
Ich brauch eine Funktion die verhindert, das ein ausgewähltes Bild beim Seitenaufbau mitgeladen wird. zudem muss das bild mit onklick dann nachgeladen werden.
<img name="bild1" style="bild nicht laden" scr="http://.....">
<td onklick="load.bild1.irgendwiesowas."><td>
xD