Question

我需要帮助的代码是www.photographeller.com/portfolio

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

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

find child image width and apply it to containing parent div jquery

但是，该解决方案仅采用第一张图像的宽度，而不是每张图像。

如果您对jquery或javascript有一个坚定的理解，这似乎不会太难，不幸的是我在这些领域是新手。

非常感谢任何帮助。谢谢！

Answer 1

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

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

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

Answer 2

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

因此，如果你的图像是100px，10px和10px，那么div的宽度将是120px，但我需要它是220px。

我的图片并排放置在其包含的div中，当您将鼠标悬停在其上时，其大小加倍。所以他们从不比div更宽，我需要最大的图像才能够加倍大小，并且所有图像仍然不比div宽。

由于

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

2 个答案: