Bild.onload nicht feuern, zweimal im IE7

Funktioniert es im IE6 und FireFox; aber aus irgendeinem Grund nicht im IE7.

Verwenden ASP.NET auf der Page_Init ich füllen eine Liste der Kapitel, die links zu dem Bild in dem Buch, sowie ein javascript-array, das hält die pageIDs.

ex.

Kapitel 1 --> " href="javascript:sickern(4);"

hier ist der eigentliche code, den ich verwende:


var availablePages = ['1002_001','1002_002','1002_003','1002_004','1002_005'];

function seePage(index) {
    $get('imgSingle').src = 'graphics/loading.gif';
    var img = new Image();
    img.src = 'get.jpg.aspx?size=single&id=' + availablePages[index];
    img.onload = function() {
         var single = $get('imgSingle');
         single.src = img.src;
    }
}

Wenn ich auf Kapitel 1, das Bild wird fein über das Brett (IE6,7,FF) und Klick auf ein zweites Kapitel link auch funktioniert; allerdings ist in (und nur in) IE7 funktioniert auf die gleiche Kapitel zweimal (chap1, chap2, dann chap1 wieder) ist das Bild stecken, auf die "laden" - Bild... ich bin ziehen meine Haare hier Jungs...

InformationsquelleAutor John West | 2009-06-24
  1. 10

    Es verursacht, weil der IE cache das Bild, und das onload-Ereignis nie ausgelöst wird, nachdem diese bereits geladen wurde.

    Müssen Sie die position der onload-event vor der SRK. 

    var availablePages = ['1002_001','1002_002','1002_003','1002_004','1002_005'];

function seePage(index) {
    $get('imgSingle').src = 'graphics/loading.gif';
    var img = new Image();
    img.onload = function() {
         var single = $get('imgSingle');
         single.src = img.src;
    }
    img.src = 'get.jpg.aspx?size=single&id=' + availablePages[index];
}
    • Gott segne Sie mit unendlichen Bier, sir.
    • Ich zweite John West Kommentar.
    • Mehr Bier für Evan Elliott!
    InformationsquelleAutor Ian Elliott
  2. 2

    Anderen Weg, dies zu tun ist, um zu überprüfen, ob das Bild bereits geladen ist mit image.complete. Zum Beispiel:

    var img = new Image();
img.src = 'foo.jpg';
if(img.complete){
    img.onload = function(){ /* ... */ };
} else {
    /* execute something else, or the same. */
}

    Ich erlebt habe, die dieses Verhalten im IE6 und 7.

    • Guter Mann. Mein Leben gerettet
    InformationsquelleAutor sholsinger
Schreibe einen Kommentar