sk kölsch: Grafiken erst komplett laden, dann anzeigen

Hallo zusammen!

Habe vor einigen Tagen schonmal angefragt (siehe http://forum.de.selfhtml.org/archiv/2002/1/2493/), aber nicht die gewünschte Antwort bekommen (vielleicht liegt's auch daran, dass es keine bessere gibt?). Also, zum Problem:

Habe für mein Navigations-Menü Grafiken anstatt Text-Links verwendet. Diese sind mit javascript mit einem hover-Effekt versehen. Das funzt auch alles.
Leider ist es im Moment noch so, dass erst beim mouseover die hover-Grafik geladen wird, was zum teil nur zu Verzögerungen, zum Teil aber auch zu einer hässlichen Lücke einer noch zu ladenden Grafik führt (know, what I mean?!?).
Gibt es nicht irgendeine Weise, wie man ERST alle Navi-Grafiken laden kann und DANN ERST die mouseout-Bildlein normal anzeigen lässt? So würde das oben beschrieben Problem ja wohl behoben werden können.

Wäre schön, wenn mir jemand helfen könnte.
Beste Grüße,
sk kölsch

  1. Aber sicher geht das :-)
    Das ganze nennt sich Preloaden und lässt sich mit Javascript eigentlich recht einfach realisieren. Ich empfehle dir im SelfHTML nach "Preoload" oder "Vorausladen" zu suchen. Den direkten Link dazu ist mir im Moment leider entfallen. Hoffe ich konnte dir weiterhelfen.

    mfG,

    Patrick G.

    Hallo zusammen!

    Habe vor einigen Tagen schonmal angefragt (siehe http://forum.de.selfhtml.org/archiv/2002/1/2493/), aber nicht die gewünschte Antwort bekommen (vielleicht liegt's auch daran, dass es keine bessere gibt?). Also, zum Problem:

    Habe für mein Navigations-Menü Grafiken anstatt Text-Links verwendet. Diese sind mit javascript mit einem hover-Effekt versehen. Das funzt auch alles.
    Leider ist es im Moment noch so, dass erst beim mouseover die hover-Grafik geladen wird, was zum teil nur zu Verzögerungen, zum Teil aber auch zu einer hässlichen Lücke einer noch zu ladenden Grafik führt (know, what I mean?!?).
    Gibt es nicht irgendeine Weise, wie man ERST alle Navi-Grafiken laden kann und DANN ERST die mouseout-Bildlein normal anzeigen lässt? So würde das oben beschrieben Problem ja wohl behoben werden können.

    Wäre schön, wenn mir jemand helfen könnte.
    Beste Grüße,
    sk kölsch

    1. Aber sicher geht das :-)
      Das ganze nennt sich Preloaden und lässt sich mit Javascript eigentlich recht einfach realisieren. Ich empfehle dir im SelfHTML nach "Preoload" oder "Vorausladen" zu suchen. Den direkten Link dazu ist mir im Moment leider entfallen. Hoffe ich konnte dir weiterhelfen.

      Wenn es denn auch drinstehen sollte (unter diesen Stichwörtern auf jeden Fall nicht), dann konntest du weiterhelfen. Danke dafür.
      Wenn mir jemand noch schnell das fertige Script von der eigenen Seite präsentieren will, lade ich ihn/sie herzlich dazu ein :-]

      Gruß,
      sk kölsch

  2. Ehm, hast Du's mal mit dem ganz ordinaeren Preloader versucht -
    Guck Dir mal folgendes an, der Code der am Anfang steht (Normal1 = new Image(); Normal1.src = "button1.gif"; ) sollte diesen Zweck erfuellen:
    http://selfhtml.teamone.de/javascript/beispiele/buttons.htm#quelltext

    Gruss, Mel

    Hallo zusammen!

    Habe vor einigen Tagen schonmal angefragt (siehe http://forum.de.selfhtml.org/archiv/2002/1/2493/), aber nicht die gewünschte Antwort bekommen (vielleicht liegt's auch daran, dass es keine bessere gibt?). Also, zum Problem:

    Habe für mein Navigations-Menü Grafiken anstatt Text-Links verwendet. Diese sind mit javascript mit einem hover-Effekt versehen. Das funzt auch alles.
    Leider ist es im Moment noch so, dass erst beim mouseover die hover-Grafik geladen wird, was zum teil nur zu Verzögerungen, zum Teil aber auch zu einer hässlichen Lücke einer noch zu ladenden Grafik führt (know, what I mean?!?).
    Gibt es nicht irgendeine Weise, wie man ERST alle Navi-Grafiken laden kann und DANN ERST die mouseout-Bildlein normal anzeigen lässt? So würde das oben beschrieben Problem ja wohl behoben werden können.

    Wäre schön, wenn mir jemand helfen könnte.
    Beste Grüße,
    sk kölsch

  3. Hallo zusammen!

    Habe vor einigen Tagen schonmal angefragt (siehe http://forum.de.selfhtml.org/archiv/2002/1/2493/), aber nicht die gewünschte Antwort bekommen (vielleicht liegt's auch daran, dass es keine bessere gibt?). Also, zum Problem:

    Habe für mein Navigations-Menü Grafiken anstatt Text-Links verwendet. Diese sind mit javascript mit einem hover-Effekt versehen. Das funzt auch alles.
    Leider ist es im Moment noch so, dass erst beim mouseover die hover-Grafik geladen wird, was zum teil nur zu Verzögerungen, zum Teil aber auch zu einer hässlichen Lücke einer noch zu ladenden Grafik führt (know, what I mean?!?).
    Gibt es nicht irgendeine Weise, wie man ERST alle Navi-Grafiken laden kann und DANN ERST die mouseout-Bildlein normal anzeigen lässt? So würde das oben beschrieben Problem ja wohl behoben werden können.

    Wäre schön, wenn mir jemand helfen könnte.
    Beste Grüße,
    sk kölsch

    Servus

    <SCRIPT LANGUAGE="JavaScript">
    <!-- hide from none JavaScript Browsers

    Image1= new Image(175,50)
    Image1.src = "image1.gif"

    Image2 = new Image(25,30)
    Image2.src = "image2.gif"

    Image3 = new Image(125,80)
    Image3.src = "image3.gif"

    // End Hiding -->
    </SCRIPT>

    damit sollte es funzen.

    Gruß Chris