Javascript 如果没有图像增加，请调整图像大小以适合div

我有一个div，其中有大量图像，我正在动态填充图像，现在说，如果图像数量增加，我希望图像减小大小并适合div

<div class="gallary">
    <img src="img/img1.jpg">
    <img src="img/img2.jpg">
    <img src="img/img3.jpg">
    <img src="img/img4.jpg">
</div>

---

这是否可以在客户端使用java脚本或jquery实现？

Yo可以编写javascript。遵循以下三个步骤。 1.您可以运行循环来计算图像的数量。 2.按图像数设置div宽度。

---

3.将结果设置为每个图像的宽度。

当然，您必须在javascript中加入一个缩放函数，我也会使用php

当页面加载时，可以使用php（如果来自数据库）计算图像的数量，并将其存储为表单值或直接用作全局变量（都使用php echo，否则如果没有图像启动，则无需执行此操作）。然后，当动态添加每个图像时，需要添加一个计数器函数

假设图像的大小都相同，并且gallery div是一个正方形，添加一个仅对图像唯一的类名（比如“imageClass”），然后使用jquery更新大小

//I'm assuming gallery is a square of height 800px and width 800px...change as necessary...this function would produced square images...if rectangular images are desired, you would need to scale images by the length : width ratio

functon resizeImages() {
    var counter = document.forms.MyForm.imageCount.value;//or 0 if no images to start
    var newImageWidth = 800 / counter;
    var newImageHeight = 800 / counter;
    $(".imageClass").css("width", newImageWidth);
    $(".imageClass").css("height", newImageHeight);
}

---

…这个div有多大，图像是否浮动，图像大小/形状是否相同，等等？（需要更多输入）我如何实现它，举个例子就好了。谢谢，效果很好，但是如果图像数量增加，比如说1000，那么图像将不可见。该怎么办？