Birgit Hüsken: Grafiken in bestimmter Reihenfolge laden

Hallo!

Ich habe folgendes Problem:
Auf den von mir entwickelten Seiten ist eine Linkleiste, die aus Grafiken besteht. Ich hätte jetzt gerne, daß sich die Grafiken in einer bestimmten Reihenfolge (von oben nach untern) aufbauen, rein wegen der Optik.

Gibt es da einen Trick, weiß da jemand was drüber??

Gruß,

Birgit

  1. Hallo!

    Ich habe folgendes Problem:
    Auf den von mir entwickelten Seiten ist eine Linkleiste, die aus Grafiken besteht. Ich hätte jetzt gerne, daß sich die Grafiken in einer bestimmten Reihenfolge (von oben nach untern) aufbauen, rein wegen der Optik.

    Gibt es da einen Trick, weiß da jemand was drüber??

    Gruß,

    Birgit

    Hallo,
    wie sieht denn dein Quelltext an dieser Stelle aus?

  2. Hallo Birgit,

    Linkleiste, ... (von oben nach unten) ...

    soviel ich weiß, ist das vom Prinzip her nicht gewährleistet/vorgesehen.
    Browser fordern etwas an, und bekommen die Informationen Päckchenweise in beliebiger Reihenfolge zugestellt. Das ist eines der Grundprinzipien des Internets, also das totale Chaos als Prinzip.

    Gibt es da einen Trick, weiß da jemand was drüber??

    Nun, ja, da gibt es Wege:
    Du kannst zB. erstmal eine (blinde) Linkleiste darstellen und im Hintergrund die endgültigen Grafiken 'preloaden'. Wenn dann alles da ist, das kannst Du zumeist per JS abchecken, dann baust Du Dein Bild neu auf. So gibt es schon mal was zu sehen.

    Du kannst aber auch direkt warten bis alles da ist, ohne schon mal was anzuzeigen und kannst dann das Bild 'ordentlich' aufbauen. Das kann lästig werden wenn die Übertragungsstrecke sehr belastet ist. Wenn Du Alt-Texte und Bildgrößen angibst, dann werden ja oft schon mal Platzhalter angezeigt.

    Andererseits sind User es ja gewohnt, daß die Elemente angezeigt werden wenn sie verfügbar sind.
    Dein 'Problem' würde für gewöhnlich nicht so auffallen.

    Klaus

  3. Hallo!

    Ich habe folgendes Problem:
    Auf den von mir entwickelten Seiten ist eine Linkleiste, die aus Grafiken besteht. Ich hätte jetzt gerne, daß sich die Grafiken in einer bestimmten Reihenfolge (von oben nach untern) aufbauen, rein wegen der Optik.

    Gibt es da einen Trick, weiß da jemand was drüber??

    Gruß,

    Birgit

    Ja- das geht. Erst alle Bilder normal einbauen aber mit CSS visibility auf "hidden" setzen. Dann durch setTimeout nach und nach einblenden.

    Hier ein Beispiel (bei mir funktioniert‚s...)

    <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>

    Gruß, Svenja