BehindTheScenes: Javascript und CSS :: background-image

Hallo,

ich habe in meiner HTML Datei einige Div-Tags, die mit background-image ausgestattet sind.

--------------------------------------------------
...
<body onload="alert('Blub');">
<div id="div_top"></div>
<div id="div_main">
 <div id="div_gate_left" onload="alert('blub2');"></div>
 <div id="div_gate_right"></div>

<div id="div_main_area"></div>
 <div id="div_nav_bottom">
  <a href="#partner">Partner</a> |
  <a href="#kontakt">Kontakt</a> |
  <a href="#impressum">Impressum</a>
 </div>
</div>
</body>
</html>
---------------------------------------------------

So, leider wird "alert('Blub')" zu früh aufgeruffen. Das heist, der HTML Code wurde zwar schon runtergeladen, aber die Background-Images noch nicht.

Wie kann ich abfragen, ob wirklich alles geladen wurde, auch die background-images?

Danke schonmal.

MfG

  1. Hallo BehindTheScenes,

    das Bild steht in einer CSS; gehört also zum Design und besitzt demnach keinen Informationsgehalt. Drum ist zu vermuten, dass auf Hintergrundbilder nicht gewartet wird beim onload-Event.

    Mit freundlichem Gruß
    Micha

    1. Hallo BehindTheScenes,

      das Bild steht in einer CSS; gehört also zum Design und besitzt demnach keinen Informationsgehalt. Drum ist zu vermuten, dass auf Hintergrundbilder nicht gewartet wird beim onload-Event.

      Mit freundlichem Gruß
      Micha

      ja, das ist mir auch schon aufgefallen ^^.

      Die Frage ist, wie man das auch abfragen kann.

      MfG

      1. Hallo BehindTheScenes,

        Die Frage ist, wie man das auch abfragen kann.

        Ggf. hilft es, wenn Du die Graphik mit JS lädst

        var img = new Image(xxx,yyy);  
        img.src = "pfad/zum/bild.ext";  
        
        

        das könntest Du zumindest mit einem Event verknüpfen...

        Mit freundlichem Gruß
        Micha