减少显示多个图像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>

---

这是HTML的工作方式。您无法减少该值，因为您需要为每张图片添加一个

img

标记。您可以通过PHP、JS等动态创建代码…。但最终你会得到一个长长的

img

标签列表，可能会被其他标签单独包装（例如在列表中）。

我同意Feela的观点，尽管它可能看起来很冗长，但你的代码几乎是防弹的。然而，如果像JS这样的东西是你可以使用的（或者已经在使用），那么还有一些选择。这没有经过测试，但是您可以在Jquery/Javascript中设置一个for循环语句来压缩代码。例如：

for (i=1; i < 250; i++) {
    $('#scroller').append('<img src="/Content/images/decking/decking-' + i.toString() + '.jpg" width="100" alt="" />');
}

（i=1；i<250；i++）的

{
$（“#滚动条”）.append（“”）；
}

---

我不是ASP程序员，但也许它提供了一些功能相似的东西。

谢谢Feeela，感谢您的解释-我很高兴不去管它，因为问题只是问是否有更好的方法来做（我几乎不知道如何用PHP或JS编写脚本来帮我做）。谢谢@Shrug，我也会研究一下这个方法，看看能不能找到有效的方法。