javascript - 如何使用 Javascript 和 JQuery 缩放此 HTML

Question

我有一个我正在处理的网站，但有一个照片库我目前正在处理一些问题。

问题是大约有 30 张图片，我不想让 30 block 代码输入一张图片。我想对其进行缩放，以便当我的每个相册包含大约 100 张图片时，我可以放手。

我想使用带有 JQuery 插件的 Javascript 来做到这一点。我该怎么做？

代码如下:

<div id="main">
            <h1>Suicide Run 2008</h1>
            <div class="panel">
                <ul id="images">
                    <li><a href="images/gallery/2008suiciderun/srun1.jpg"><img src="images/gallery/2008suiciderun/thumbs/srun_t1.jpg" title="" /></a></li>
                </ul>
                <div id="controls"></div>
                <div class="clear"></div>
            </div>
            <div id="exposure"></div>           
            <div class="clear"></div>
            <div id="slideshow"></div>      
</div>

有没有一种方法可以让我编写一些 Javascript 来生成一段代码(从开始的 UL 标签到结束的 UL 标签)来填充我文件夹中的每张图片？

换句话说，如果我要用 Java 做这件事，我可以这样做:

for(int i = 0; i < amountOfPictures; i++)
{
System.out.println("<a href="images/gallery/2008suiciderun/srun"+i+".jpg">");
} etc...

但是我该如何在 Javascript 中实现呢？

非常感谢!我确定我的解释很糟糕。

Answer 1

在服务器端，您需要收集图像的所有 URL。然后我会使用任何模板引擎来循环这些 URL。然而，如果你必须用 jQuery 来做，那么你可以试试 jQuery 的 template plugin。 .