nam: event, wenn Bild geladen ist (jQuery)

Beitrag lesen

SELF-Forum

event, wenn Bild geladen ist (jQuery)

nam Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo

Auf einer Startseite sollen sich mehrere relativ grosse Bilder abwechseln. Damit die Seite dennoch relativ schnell lädt, habe ich im HTML nur ein IMG drin. Sobald dieses geladen ist, sollen die anderen per Javascript (mit jQuery) hinzugefügt werden und die Diashow starten.

Funktioniert soweit, nur nicht im IE (7/8). Dieser feuert den load-Event nicht (für Standardistas: Ich weiss, dass der onload-Event in HTML 4 nur auf BODY und FRAMESET erlaubt ist, bin aber hier Pragmatiker :-).

Gibt es hier einen Weg?

Vereinfachtes Beispiel:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
    "http://www.w3.org/TR/html4/strict.dtd">  
<html lang="de">  
    <head>  
        <title>img load test</title>  
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
        <script type="text/javascript" src="js/jquery.js"></script>  
        <script type="text/javascript">  
			$(document).ready(function () {  
				$('#bild').load(function () {  
					window.alert('bild geladen');  
				});  
			});  
        </script>  
    </head>  
    <body>  
		<p><img id="bild" src="img/index/startbild1.jpg" width="600" height="402" alt="nonsequence spielt vor einem Brückenpfeiler"></p>  
    </body>  
</html>

Dieses Beispiel online: http://mnn.ch/nonsequence/imgload.html
Ganze Seite in Arbeit: http://mnn.ch/nonsequence/index.html

Seid gegrüsst,
nam

Beitrag melden
–
Informationen zu den Bewertungsregeln