浏览器中加载的图像不适合（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")
});