如何在設置高度後獲取圖像的寬度

我已將圖像的高度設置爲100px（在CSS中）。寬度自動保持圖像的比例，但如果我沒有專門設置它我自己如何獲得寬度與jquery/js？如何在設置高度後獲取圖像的寬度

這是我tryed：

1) $(this).width(); 

2) $(this).css("width");

兩個不工作，任何想法？

來源

2013-06-27 Larry

兩個SH工作，你是什麼意思的「不工作」？ – tymeJV

請在jsFiddle或類似的地方提供你的代碼。因爲它是我們無法幫助你，因爲這兩種方法應該工作 –

var x = 0; （「img」）。each（function（）{ x + = $（this）.width（）; } ）; alert（x）; ////// x正在打印爲0 – Larry

嘗試使用這樣的：

$(window).on('load', function() { 
var x = 0; 
$("img").each(function() { 
x += $(this).width(); 
}); 
    alert(x); 
});

小提琴：http://jsfiddle.net/KFhG8/

來源

2013-06-27 17:36:28

是的，我已經在屏幕上加載圖像之前使用$（document）.ready獲得圖像的寬度。 Document.on（加載）是正確的謝謝 – Larry

使用clientWidth爲

var width=document.getElementById('imageid').clientWidth;

來源

2013-06-27 17:23:09

最好的辦法是使用數學和計算，如果你正在苦苦掙扎。

mynewwidth = ($(this).width()/$(this).height()) * mynewheight;

但它應該工作反正看到我的小提琴

http://jsfiddle.net/davidja/KFhG8/4/

$(window).on('load', function() { 


    mynewheight = 50; 
    $("img").height(mynewheight); 

    // via $("img").width() 
    alert($("img").width()); 

    // maths 
    alert(($("img").width()/$("img").height()) * mynewheight) 
});

來源

2013-06-27 17:25:21

如何在設置高度後獲取圖像的寬度

回答

相關問題