Javascript MVC图像大小取决于文件夹中的数量

我最近开始使用MVC5，我已经坚持了一段时间了 我想做的是根据文件夹中的图像数量调整图像大小 例如
如果一个图像的最大宽度为100%
如果两个图像的最大宽度为50%
如果三个图像的最大宽度为33%
等等 但我也希望图像根据页面大小重新调整大小
我试过像这样的造型

---

您可以尝试以下方法（未经测试）：

@{
var files=Directory.GetFiles（Server.MapPath（“~/Images/ExampleFolder”），“*.jpg”）；
如果（files.Length>0）
{
双宽度=100d/（双）文件。长度；
foreach（文件中的var imgPath）
{
var img=新文件信息（imgPath）；
}
}
}

做你想做的事情有很多更好的方法。尝试添加HTML和JavaScript标记，看看这些家伙能想出什么？

@{
    var files = Directory.GetFiles(Server.MapPath("~/Images/ExampleFolder"), "*.jpg");
    if (files.Length > 0) 
    {
        double width = 100d / (double)files.Length;
        foreach (var imgPath in files)
        {
            var img = new FileInfo(imgPath);

            <div style="position: relative; background: White; vertical-align: top; display: inline-block; *display: inline; zoom: 1">
                <img style="margin: 10%; height: 80%; width: @(width)%;" src="@Url.Content(String.Format(" ~/Images/ExampleFolder/{0} ", img.Name))" />
            </div>


        }
    }
}