Tooltip: Bilder sollen erst bei onmouseover geladen werden
  • Erstmal vielen Dank für deine Tutorials und besonders für dein ToolTip Script, mach weiter so :).
    Ich habe mit deinem ToolTip Script viel rum expirementiert, und ich bekomme es immer noch nicht hin das die Bilder erst geladen werden, wenn man mit dem Cursor über den Link geht, und nicht schon vorher(obwohl man das nicht sieht).

    Ich denke es muss nur in dieser Funktion bei getElementById eine Änderung gemacht werden, aber was bloss?:

    function showWMTT(id) {
    wmtt = document.getElementById(id)
    wmtt.style.display = "block"
    }

    Wenn man die Bilder später nach laden will, dann braucht man doch das gar nicht mehr?!?

  • 3 Answers sorted by
  • du willst also nur ein bild aus tooltip machen oder was genau meinst du?

    wenn du nur das bild anzeigen lassen willst, musst du halt vorher sowas schreiben:
    <br /><img src="" id="bild1" style="display:none; "><br />

    falls das nicht geht einfach nochmal im style bereich die id einfügen
    <br /><style><br />#bild1 {<br /> display:none;<br />}<br /></style><br />


    ich hoffe, dass ist das was du willst =/

  • Wenn man eine Seite lädt, dann wird das Bild das im Quellcode steht, also das im -Tag mitgeladen, nur man sieht es ja halt nicht.
    Wenn ich jetzt auf den Tooltip-Link mit dem Cursor gehe, dann taucht das Bild da !sofort! auf (ohne Ladezeit bzw. Bildaufbau), weil es schon vorgeladen wurde und im Cache ist.

    Ich meinte jetzt eigentlich das das Bild erst geladen wird, wenn ich auch wirklich mit dem Cursor draufgehe.
    Würde ich das Script mit mehreren Bildern verwenden, dann würden schon alle Bilder vorgeladen werden, dies würde aber einen hohen Traffic verursachen, deswegen soll das Bild erst geladen werden, wenn ich mit dem Cursor auf den Link drauf gehe.

  • also wenn du es erst laden willst, beim hover musst du es während der laufzeit erzeugen.
    das ist dann nen bisschen mehr javascript

Willkommen!

It looks like you're new here. If you want to get involved, click one of these buttons!

Einloggen Registrierung!

Diskussionsteilnehmer

Who's Online (0)