JavaScript & IE7 - Warum wird nicht mein * .onload = function () {} Feuer?

Question

Ich habe eine Galerie ich schnell für eine kleine Website codierte auf und unter Firefox 3 und Safari 3 funktioniert gut. Aber wenn ich auf meinem alten besten Freund testen IE7, so scheint es nicht die imageVar.onload = Funktion Feuer () {// Code hier} .. was ich verwenden mag, den Last-Effekt zu stoppen und das Bild zu laden.

Bitte beachten Sie ...

• weiß, dass ich die Thumbnails werden nur an die großen Bilder verkleinert. Wenn die Bilder durch den Kunden abgeschlossen sind werde ich die richtige Thumbnails erstellen.
• Dies ist mein erster Versuch, um zu versuchen, und zum größten Teil aus verfahren JavaScript zu bekommen .. so finden Sie leicht und lassen Sie mich freundlich wissen, wo mein Code sucks!

Answer 1

Für den erfolgreichen Einsatz von Image.onload, müssen Sie die Event-Handler-Methode registrieren, bevor das Attribut src eingestellt ist.

Verwandte Informationen in dieser Frage:

Javascript Rückruf für Lade Bild

Answer 2

Cross-Browser Event-Support ist nicht so einfach auf Grund der Einführung Unterschiede. Da Sie jQuery auf Ihrer Website verwenden, sind Sie besser dran, ihre Veranstaltungen Methoden Browser-Unterstützung zu normalisieren:

statt:

 window.load = function(){ 
      //actions to be performed on window load
 }

 imageViewer.image.onload = function(){ 
     //actions to be performed on image load
 }

Sie:

$(window).load(function(){ 
    //actions to be performed on window load
});

 $(imageViewer.image).load(function(){ 
      //actions to be performed on image load
 });

Answer 3

Nur auf den Vorschlag von Eran hinzufügen, um die jQuery integrierten Event-Handler Sie Code ausführen können verwenden, wenn das Dokument geladen ist und das DOM erstellt wird, aber bevor die Bilder heruntergeladen mit:

$(document).ready(function(){
   //your code
});