完成图像attr.src后的回调

时间:2013-05-17 23:40:38

标签: jquery

这是我的功能

var img = new Image();

$(img).load(function () {

    $(this).css('display','none');

    $(el).removeClass('loading').append(this);

    $(this).fadeIn();

}).error(function () {
    $(el).remove();
}).attr('src', srcImage);

我需要获取已加载图片的宽度或srcImage

我可以用

做到这一点
var w = $('.parent_element').find('img').css('width');

但需要在srcImage完全加载后完成

2 个答案:

答案 0 :(得分:0)

我不确定但是尝试一下。

来自jQuery:

示例:在每次加载图像时,将bigImg类添加到高度大于100的所有图像。

$('img.userIcon').load(function(){
    if($(this).height() > 100) {
        $(this).addClass('bigImg');
    }
});

Source

答案 1 :(得分:0)

使用Jquery图像加载插件

//Initially hide the image with CSS
visibility: hidden

//container holding your images
$('.photos').imagesLoaded(function () {
    //Function to measure size

    //Take measurements
    var w = $('img').width();
    var h = $('img').height();

    //Once you know the proper size, show it
    $('img').show();              
});