jQueryの/ JavaScriptの

Question

を使用して画像サイズがjqueryのまたはJavaScript

Answer 1

あなたが得ることができる唯一のサイズが表示サイズです。 clientWidthとclientHeightは、これを行う2つのDOMプロパティです。例：

var image = document.getElementById("id"); 
var width = image.clientWidth; 
var height = image.clientHeight; 

あなたはjQueryのを使用している場合、あなたは、単に$.widthと$.heightを使用することができます。

だから、

var width = $("id").width(); 
var height = $("id").height(); 

、すべての画像のサイズを取得するには、ループそれらを通じ：

$("img").each(function() 
{ 
    console.log(this.width()); 
    console.log(this.height()); 
}); 

実際のサイズが必要な場合は、この質問をご覧くださいGet the real width and height of an image with JavaScript? (in Safari/Chrome)

Answer 2

を使用して、ページ内のすべての画像の画像サイズを取得する方法を教えてくださいgetを使用して、ページ内の画像サイズのすべての画像の を取得する方法を教えてください

$('img').each(function(){ 
    alert('width=' + $(this).width() + '\nHeight=' + $(this).height()); 
}); 

：jqueryの またはJavaScript

あなたはjQueryののwidth()とheight()方法を使用することができます

詳細：

• http://api.jquery.com/width/
• http://api.jquery.com/height/

Answer 3

$('img').each(function() { 
    $(this).width(); // current image's width 
    $(this).height(); // current image's height 
});