Jquery 获取多个图像的组合宽度并应用于其包含的div

我需要帮助的代码位于www.photopeller.com/portfolio

我需要获取多个图像的组合宽度，并使用该解决方案作为其包含div的宽度。现在，我使用jquery在单击图像时应用一个类，该类将4800px的宽度添加到div.innerOpen。它对于很多部分来说都太宽了，但它至少使所有的图像都像它们应该的那样内联。如果宽度正好合适，使图像没有被向下推，或者当没有足够的图像比观看者的屏幕更宽时，效果会更加平滑

这里有一个问题接近我所需要的

但是，该解决方案仅获取第一个图像的宽度，而不是每个图像的宽度

如果您对jquery或javascript有深入的了解，这似乎不会太难，不幸的是，我是这些领域的新手

---

任何帮助都将不胜感激。谢谢

是否可以修改John Hartsock的代码以找到最宽图像的宽度，并将其再次添加到div的宽度中

$(document).ready(function() {
    $('div').each(function() {
        var totalImageWidth = 0;

        $("img", this).each(function () {
          totalImageWidth += $(this).width();
        });

        $(this).width(totalImageWidth);
    });
});

所以，如果你的图像是100px，10px和10px，那么当前div的宽度是120px，但我需要它是220px

我的图像并排放置在其包含的div中，当您将鼠标悬停在图像上时，图像的大小将增加一倍。所以它们的宽度永远不会超过div，我需要最大的图像才能使大小加倍，并且所有的图像仍然不会比div宽

---

谢谢

为什么不能为容器指定一个固定的宽度？？？为什么父容器应该是动态的？？？我想动态设置宽度，因为每个部分中的图像数量并不总是相同的。有时设置的宽度太大，图像行后会有很大的空白。@john我们在哪里使用window.load？？normally@gov...I刚刚从上一个问题中复制并编辑了…但是你的权利..我修改了我的answer@Zach....Participate所以，接受对你有用的答案吧！阅读常见问题部分，试着问一个新问题，然后链接回这个问题以供参考。我不太确定.EDIT如何使其与窗口加载一起工作。由于大多数人使用dom ready，因此不确定这有什么不利之处。