Krusty: Bild in Tooltip-Box erst bei Bedarf laden

SELF-Forum

Bild in Tooltip-Box erst bei Bedarf laden

Krusty
– Informationen zu den Bewertungsregeln

Hallo,

ich hoffe, dass ich meine Frage in den richtigen Themenbereich gepostet habe.

Ich habe das Script von dieser Seite http://www.walterzorn.com in meine Seite eingebaut, um in der Tooltip-Box ein Bild anzeigen zu lassen, sobald man mit der Maus über dem Link ist.

Soweit funktioniert auch alles, jedoch lädt der Browser die Bilder, die in der Box erscheinen, schon beim Aufruf der Seite.
Ich möchte aber, dass die Bilder in der Tooltip-Box erst geladen werden, wenn sich die Box öffnet.

Gibt es irgendeine Möglichkeit, dies zu erreichen?

MfG,
Krusty

PS: Falls ein Beispiel benötigt wird, kann man auf oben genannte Seite gehen und es sich anschauen. Falls nötig, würde ich auch die Seite wo hochladen, an der ich zur Zeit arbeite (die ist bis jetzt offline und nur auf meiner Festplatte, da sie noch nicht fertig ist).

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bild in Tooltip-Box erst bei Bedarf laden

    Krusty Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Entschuldigung für den Doppelpost, aber ich habe jetzt eine Beispiel-Seite hochgeladen:

    http://www.gwebspace.de/hsp/test.htm

    Wie man sieht, werden alle Bilder beim Betreten der Seite vorgeladen. Die Bilder sollen aber erst bei Bedarf geladen werden, nämlich dann, wenn der onMouseOver-Befehl gestartet wird!

    Ich hoffe, mir kann jemand helfen.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Bild in Tooltip-Box erst bei Bedarf laden

    HaThoV
    – Informationen zu den Bewertungsregeln

    Hallo,

    ich hoffe, dass ich meine Frage in den richtigen Themenbereich gepostet habe.

    Nein. Es geht um Javascript.

    Soweit funktioniert auch alles, jedoch lädt der Browser die Bilder, die in der Box erscheinen, schon beim Aufruf der Seite.
    Ich möchte aber, dass die Bilder in der Tooltip-Box erst geladen werden, wenn sich die Box öffnet.

    Dann mußt Du wohl ein bißchen eigenen Code schreiben. z.B. sowas:

      
function ZeigeBild(BildQuelle){  
 return '<img src='+BildQuelle+'>'  
}

    Gibt es irgendeine Möglichkeit, dies zu erreichen?

    Klar. Du mußt dann nur noch den Bildverweis ('<img... src="Bildquelle"...>') durch einen Funktionsaufruf onmouseover="return escape(ZeigeBild('Bildquelle'))" ersetzen, wie's bei Walter Zorn beschrieben steht.

    MfG,
    Krusty

    Hghzk
    T.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln