Act auf Bild laden ohne zweimal laden

Question

Ich lade ein Bild und Anzeige, sobald das Bild fertig ist und verschiedene CSS und Animationen abgeschlossen sind. Aber ich möchte das Bild zur Überprüfung der Breite und Höhe innerhalb der Funktion aufrufen:

$('.ePage').find('img').each(function(){ 
    var $img = $(this); 
    $('<img/>').load(function(){ 

     // my css and animations 
     // need to check height and width 


    }).attr('src',$img.attr('src')); 
}); 

Nur ich möchte das Bild nicht zweimal laden. Wie kann ich das machen?

Answer 1

$('.ePage').find('img').each(function(){ 
    var $img = $(this); 
    $('<img/>').load(function(){ 

     console.log($(this).css("width")); 
     console.log($(this).css("height")); 
     console.log($(this).width()); 
     console.log($(this).height()); 

    }).attr('src',$img.attr('src')); 
}); 

• http://api.jquery.com/css/
• http://api.jquery.com/width/
• http://api.jquery.com/height/