浏览器中加载的图像不'；无法正确匹配（html5+；jquery）

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

我想在浏览器中打开图像，以获得该图像的实际大小，然后调整图像大小以适应容器（600px）。以下是我所做的： 但问题是——有时第一幅图像加载不正确（或速度不够快），我无法获得宽度，因此代码无法运行：

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

试图抓住文件已完全加载的时刻：

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

，但每个打开的图像都会出现在某种循环中（当添加第二个图像时，您可以在警报弹出窗口中看到），并且不知道如何修复此问题。

第二个版本运行良好，只是所有旧图像的循环有点烦人。

---

希望有人能帮助我。

你应该看看

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