html - 减少显示多个图像HTML CSS时所需的代码量

只是想知道是否有一种方法可以减少在HTML中显示大量图像时所需的代码量？

我想在图库中显示2-300张图像，此刻HTML看起来像这样：

<div id="scroller>
    <img src="/Content/images/decking/decking-1.jpg" width="100" alt="" />
    <img src="/Content/images/decking/decking-2.jpg" width="100" alt="" />
    <img src="/Content/images/decking/decking-3.jpg" width="100" alt="" />
    <img src="/Content/images/decking/decking-4.jpg" width="100" alt="" />
    <img src="/Content/images/decking/decking-5.jpg" width="100" alt="" />
</div>

...但直到图片“ decking-250.jpg”。

有没有一种更有效的方式来显示图像，以使我没有超过250行的“ img src” HTML？

文件名中唯一更改的部分是“ -1”，“-2”，“-3”等，其余部分（包括Alt标记）可以保留为空。

我使用ASP.net在线教程作为指南在ASP.Net MVC3 Razor中构建此站点，是否可以帮助您想到任何解决方案，如果只是必须这样做，那也很好-我只是想知道是否还有另一种我应该考虑学习的方法吗？

提前谢谢了。

最佳答案

这就是HTML的工作方式。您不能减少它，因为每张图片都需要一个img标签。您可以通过PHP，JS等动态创建该代码。但是最后，您会获得一长串的img标签，这些标签可能由其他标签单独包装（例如，在列表中）。