JQuery와/자바 스크립트

Question

어떻게 JQuery와 또는 자바 스크립트를 사용하여 페이지의 모든 이미지의 이미지 크기를 얻는

Answer 1

유일한 크기는 눈에 보이는 크기입니다. clientWidth 및 clientHeight은이 작업을 수행하는 두 가지 DOM 속성입니다. 예 : jQuery를 사용하는 경우

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

, 당신은 단순히 $.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

어떻게 얻는 이미지 크기 페이지의 모든 이미지의 사용 제발 말해 말해 줘요 사용하여 이미지 크기를 가져옵니다

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

,369 : JQuery와 또는 자바 스크립트

당신은 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 
});