Bilder Ladereihenfolge festlegen

meisterleise

meisterleise

Aktives Mitglied
Thread Starter
Dabei seit
31.08.2005
Beiträge
204
Reaktionspunkte
4
Ich habe eine Seite mit kleinen Bildern. Wenn ich auf ein Bild klicke öffnet sich das Bild in groß durch Einblenden einer unsichtbaren Ebene.

Das funktioniert alles sehr gut und superschnell. Für Modem/ISDN-Anwender hätte ich jedoch gerne eingestellt, dass die kleinen Bilder zuerst geladen werden und erst dann die großen.

Gibt es eine Möglichkeit, die Ladereihenfolge der Bilder in Dreamweaver 8 (oder auch grundsätzlich) festzulegen?
 
Also eigentlich werden die Bilder gleichzeitig geladen. Je nach größe wird das Kleinste dann zuerst und das größte dann zuletzt angezeigt. Es sei denn, sie befinden sich bereits im Cache. Dann werden sie wohl so ziemlich zur gleichen Zeit angezeigt.
Ansonsten bietet JavaScript die Möglichkeit.

Code: 
<html><head><title>bilder laden</title></head>
<body>

<img id="bild1" src="bild1.gif" width=184 height=268 border="0" style="visibility:hidden">
<img id="bild2" src="bild2.gif" width=184 height=268 border="0" style="visibility:hidden">
<img id="bild3" src="bild3.gif" width=184 height=268 border="0" style="visibility:hidden">

<script language="JavaScript">
<!--
window.setTimeout("document.all.bild1.style.visibility = 'visible'",1000);
window.setTimeout("document.all.bild2.style.visibility = 'visible'",2000);
window.setTimeout("document.all.bild3.style.visibility = 'visible'",3000);
//-->
</script>

</body></html>


Das ist ein Beispiel für drei Bilder. Diese werden jeweils mit Unterschied von 1000ms geladen.
 
Vielen Dank für deinen Tipp!

Das hörte sich gut an und ich habe das gleich mal umgesetzt!
Ist aber leider keine Lösung :(
Denn mit deinem Script wird nur die ANZEIGE der Bilder verzögert. Sie werden aber trotzdem sofort geladen.
 
Hmmm ansonsten kenne ich da nur Image Preloading. Dann werden die Images halt vorher geladen, vor der Anzeige Deiner Seite. Könntest Du dann für die "Kleinen" verwenden.
 
Wow! Danke für diesen wunderbaren Link, 2nd!
Zwar habe ich derweil eine Lösung gefunden, aber dieses FancyZoom ist zugegebenermaßen ein noch bisschen cooler.

Da im www gähnende Leere herrscht, wenn es um Infos geht, wie man das problem löst, hier noch meine Lösung:

Das Popup-Bild wird durch eine gleich große (Maße) aber möglichst datenkleine Bilddatei ersetzt (bsp. Graufläche oder Gifanimation "Bild wird geladen"). Dieses Bild bekommt ein Preload-Verhalten (Bilder vorausladen) mit onLoad Funktion des eigentlichen Bildes. Das stellt sicher, dass die Popup-Bilder als letztes geladen werden.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten