크기 조정 된 이미지에서 너비 가져 오기

Question

이미지가 몸에 추가 된 후 Jquery를 사용하여 이미지 너비를 가져옵니다. 내가하는 일에 대한 이해를 얻으려면 this fiddle을보십시오.

내가 원하는 것은 각 요소에 제한된 높이를 추가하고 크기를 조정 한 후 해당 폭을 한 번 읽는 것입니다. 당신이 볼 수있는 문제는 console.log가 나에게 너비에 대한 값 0을 부여한다는 것입니다.

Answer 1

사용 jQuery를 이미지로드 후 모든 계산을 할 .load() 기능 :

VAR 번호 = 0;

$(document).ready(function(){ 
    setInterval(function(){ 
     console.log(); 
     $('.container').prepend(
      $('<img/>').attr({ 
      src: "http://www.upress.umn.edu/book-division/images-1/other images/blockc.gif/image_thumb" 
      id:'img' + (number++) 
}).load(function(){ 
console.log($(this).width()) 
}) 
    },3000); 
});​ 

Answer 2

http://jsfiddle.net/w7rcn/

하는 폭은 이미지가 완전히 다운로드하기 전에 "읽기"인했다.

그래서, 우리는 같은 개념을 사용하지만, IMG로드 이벤트가 발생 한 후 적용 :

$('#img' + String(number)).load(function() { 
      console.log($(this).width()); 
     }); 

Answer 3

모센과 정의가 옳다. 그러나 조금만 더 간단하게 할 수 있습니다.

var number = 0; 
$(document).ready(function(){ 
    setInterval(function(){ 
     console.log(); 
     $('.container').prepend($('<img ' 
       + 'id="img'+number+'"src="http://www.upress.umn.edu/' 
       + 'book-division/images-1/other-' 
       + 'images/blockc.gif/image_thumb">').load(function() { 
      console.log($(this).width());    
     })); 
     number++; 
    }, 3000); 
});​