获取图像高度，然后显示

Question

我想加载图片，确定高度，然后显示它

这是我的代码：

$("#block").animate({
        height: HERE GOES HEIGHT + 50px for additional space
    },
    function() {
        $("img").fadeIn("slow");
    });

Answer 1

这会有用吗？

$("img").load(function(){
var imgHeight = $(this).height();
});

$("#block").animate({
    height: '+='imgHeight
},
function() {
    $("img").fadeIn("slow");
});

Answer 2

在加载页面之前抓取图像尺寸并不是我认为特别可能的事情。

然而，有一个类似的帖子在完全加载之前抓取图像尺寸，然后你可以将它绑定到你的动画中。

Get image dimensions with Javascript before image has fully loaded