Question

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

这样的造型

<div style="position: relative; max-width: 24%; background: White; vertical-align: top; display: inline-block; *display: inline; zoom: 1">
  <img style="margin: 10%; height: 80%; width: 80%;" src="~/Images/Example1.jpg" />
</div>

如果只使用了4个图像，那就太棒了，但我想根据使用的图像数量来确定尺寸我也尝试过像

这样的foreach循环

@foreach (var imgPath in Directory.GetFiles(Server.MapPath("~/Images/ExampleFolder"), "*.jpg")) { var img = new FileInfo(imgPath);

<div style="position: relative; max-width: ; background: White; vertical-align: top; display: inline-block; *display: inline; zoom: 1">
  <img style="margin: 10%; height: 80%; width: 80%;" src="@Url.Content(String.Format(" ~/Images/ExampleFolder/{0} ", img.Name))" />
</div>


}

Answer 1

您可以尝试这样的事情（未经测试）：

@{
    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>


        }
    }
}

MVC图像根据文件夹中的数量调整大小

1 个答案: