Joachim: Bild vorausladen funktioniert nicht

Beitrag lesen

Hi,

ich verlasse mich nicht so gerne auf onload, ich machs etwa so

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html><head>
<script type="text/javascript">
    // bild vorladen
    //
    var myimg =  new Image();
    myimg.src =  "http://www.schwarz-weiss.net/gfx/gallery/200807201910-5qaqv.jpg";

// onload rufen
    //
    var counter =  0;
    function toggle_div() {

if (myimg.height > 0) {
            // wenn height vorhanden div anzeigen
            document.getElementById("display-state").style.display  =  "";
        } else if (counter < 10) {
            // wenn height nicht vorhanden und Zähler < 10 Prüfung fortsetzen
            setTimeout("toggle_div()", 500);
        } else {
            // Nach 10 * 500 ms aufgeben
            alert ("Das Bild konnte nicht geladen werden!");
        }
        counter ++; // counter hochzählen
    }
</script>
</head>
<body onload="toggle_div()">
    <div id="display-state" style="padding: 10px;border:1px solid red; display: none;">Geladen!</div>
</body>
</html>

Gruesse, Joachim

--
Am Ende wird alles gut.