javascript - 如果图像已经开始加载，显示 div

Question

<分区>

Answer 1

使用 this answer 中的 getImageSize 函数:

function getImageSize(img, callback) {
      var $img = $(img);

      var wait = setInterval(function() {
          var w = $img[0].naturalWidth,
              h = $img[0].naturalHeight;
          if (w && h) {
              clearInterval(wait);
              callback.apply(this, [w, h]);
          }
      }, 30);
}

由于大于 img wrapper 宽度 (600px) 的图像会按比例缩小以适合，我必须根据比例调整高度，并且还要考虑 20px + 20px 顶部和底部的恒定填充:

getImageSize($('.showcase-img'), function(width, height) {
    width > 600 ? calculatedHeight = 600/width * height + 40 : calculatedHeight = height + 40;
    $('.showcase-img-wrapper').css("height", calculatedHeight+"px");
    $('.imagemodal-container').show();
});