jquery - 无需加载两次即可对图像加载进行操作

Question

我正在加载图像并在图像完成并且各种 css 和动画完成后显示。但我想调用图像来检查函数内的宽度和高度：

$('.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'));
});

只有我不想加载图像两次。我怎样才能做到这一点？

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/