Проблема с шириной изображения в Google Chrome

Question

Я пишу простой плагин jQuery, который отображает изображения с определенным классом в центре экрана (при нажатии, полноразмер). Я использую этот HTML-код, в котором мое изображение на дисплеи:

<div id="source"> 
    <img src="" alt="" /> 
</div> 

В «ЦСИ» приписывать мне путь доступа к полноразмерного изображения, ждать OnLoad событие, где я делаю некоторые анимации с JQuery:

$("#source img").load(function(){ 
var calcWidth = this.width + ... 
}); 

Но в Google Chrome (и только в Google Chrome) при возникновении события onload this.width соответствует ширине предыдущего изображения. Это означает, что когда я впервые установил «src» в «img/1.jpg» с шириной 800 пикселей, все в порядке, но когда я пытаюсь установить второе изображение «img/2.jpg» в «src» с шириной 600 пикселей, this.width все еще возвращает 800px (в событии onload!).
как объяснить это поведение?

UPD:
Я установил SRC таким образом:

function NavClick(){ 
     $("#source img").attr({ 
      src: $(this).attr("src") 
     }); 
     currentImage = this.indx; 
    } 

«этот» ссылается на уменьшенное изображение, я использую тот же SRC для миниатюры и полноразмерного изображения для тестирования только, позже я поместил их в разные каталоги.
Этот код решить мою проблему, но я не совсем понимаю, почему:

function NavClick(){ 
     $("#source img").attr({ 
      src: "#" 
     }); 
     $("#source img").attr({ 
      src: $(this).attr("src") 
     }); 
     currentImage = this.indx; 
    } 

Перед установкой нового SRC я поставил его на «#», возможно, это связано с кэшированием изображений, но появляется только в Google Chrome ,

Answer 1

Используйте окно событий нагрузки, изображение не полностью загружен на события загрузки изображения (см this вопрос)

Я не проверял, но это может быть просто сделать трюк, дайте мне знать, если это Безразлично 't (или если это так)

$(window).load(function(){  
    var calcWidth = $("#source img").width() + ...; 
});