在浏览器中加载的图像不适合（html5 + jquery）

Question

我试图做一些简单的事情，但我有一个小问题。

我想在浏览器中打开图像，来获取图像的真实大小，然后调整图像大小以在容器（600像素）。这里是我所做的：http://jsfiddle.net/amok/DUNL9/1/ 但现在的问题是 - 有时第一图像不正确（或足够快）加载，因此该代码不能运行我不能得到宽度：

$('#photo').css("max-width", "600px") 

试图赶上那一刻，当文件被满载：

$('#photo').load(function() {... 

，但随后每个打开的图像出现在某些类型的循环（你可以看到，在警报弹出当你添加第二图像）和不知道如何解决这个问题。 http://jsfiddle.net/amok/DUNL9/2/

第二个版本工作正常，只是这个循环的所有旧图像是有点烦人。 希望有人能帮助我。

Answer 1

你应该看看https://stackoverflow.com/a/7306807/587536

$(document).waitForImages(function() { 
    // Images Loaded. 
    $('#photo').css("max-width", "600px") 
});