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

无需加载两次即可处理图像加载

1 个答案: