jQuery를 사용하여 이미지 너비를 변경할 수 없습니다.

Question

많은 이미지 중에서 하나의 이미지 만 표시하는 페이지가 있습니다. 그래서 다시 이동하고 앞으로 나는이 기능을 사용하여 JSON 개체 (photoarr)에 저장된 모든 이미지를 가지고 :

function setPhoto(index) { 
    var photo = photoarr[index]; 
    $('#photoId').text(photo.id); 
    $('#photo').attr({ 'src': photo.url, 'alt': photo.title }); 
    $('#photoTitle').text(photo.title); 
    $('#photoWidth').text(photo.width); 
    $('#photoHeight').text(photo.height); 
    $('#photoTitle').width($('#photo').width()); 
} 

내 문제는 내가 마지막 줄에 도착하면이 일치하도록 #photoTitle 폭을 설정하려고한다는 것입니다 #photo 너비는 $('#photo').width()은 0입니다.

위하게 감각의 날 무엇을 알려 주시기 바랍니다 그것은

... 내가 만들었어요 "높이"는 DOM의 변화가 실제로 새 이미지의 폭을 얻을해야하는 경우로입니다 .. . 사전

Answer 1

에서

덕분에 당신은

function setPhoto(index) { 
    var photo = photoarr[index]; 

    var img = new Image(); 
    img.src = photo.url; 
    img.onload = function(){ 

    $('#photoId').text(photo.id); 
    $('#photo').attr({ 'src': this.src, 'alt': photo.title }); 
    $('#photoTitle').text(photo.title); 
    $('#photoWidth').text(this.width); 
    $('#photoHeight').text(this.height); 
    $('#photoTitle').width(this.width); 

    } 
}