獲取動態圖像的寬度

Question

當我試圖讓圖像的大小的話，我可以追加格的大小相同，解釋圖像。圖像即將動態顯示，因此如何獲取瀏覽器中顯示的圖像大小而不是圖像的實際大小。我已經嘗試了以下代碼，但在父類更小的圖像時不起作用。

$('img').each(function(i) { 
    $currentImg = $(this); 
    imgTextshow = $currentImg.attr('imgtext'); 
    var img = new Image(); 
    img.onload = function() { 
    $currentImg.after("<div class='img-fscreen' style='width:" + this.width + "px; max-width:" + $currentImgParent + "'>" + imgTextshow + "</div>"); 
    } 
    img.src = $(this).attr('src'); 
}); 

Answer 1

如果使用下面的代碼行onload處理的內部，他們應該給你正確的尺寸：

$currentImg.width(); 
$currentImg.height(); 

僅僅是因爲這些方法返回的IMG DOM元素的寬度/高度。

Answer 2

只要使用下面一行

img.onload = function() { 
    $currentImg.after("<div class='img-fscreen' style='width:" + $currentImg.width() + "px; max-width:" + $currentImgParent + "'>" + imgTextshow + "</div>"); 
}