在html代码行中增加img名称？答案

【问题标题】：Increment img name in lines of html code?在html代码行中增加img名称？
【发布时间】：2014-09-09 22:40:52
【问题描述】：

我需要生成 398 行 html 代码。这是第一行：

{<img src="images/blackcelebratory/2014/001.jpg"/>}

然后我需要将图像名称增加到 398.jpg。所以最后一行的图片名称是：

.../398.jpg

有没有办法使用文本编辑器、Dreamweaver 或一些代码来自动生成这些代码行？

【问题讨论】：

您是否希望在一个网页上显示 398 张图片？你为什么不做一些允许用户根据需要点击它们的javascript。它肯定会改善网站的页面负载。
实际上，有一些 javascript 会将代码行调用到一个图片库中，用户可以一次查看一张图片。有没有办法在文本编辑器中运行循环？
@juniorspecial 您是否只想要 398 张图片的静态 html（即您不想在页面加载时动态生成它们）？如果是这样，只需打开此链接并将它们从 HTML 部分中复制出来：static IMG's from 1-398
是的，我只想要静态 html。
太棒了！我复制并粘贴了它，效果很好！你是怎么把它们放在一起的？

标签： html editor dreamweaver increment

【解决方案1】：

<?php 
for ($x=0; $x<=398; $x++) {
echo "<img src="images/blackcelebratory/2014/". $x .".jpg"/>";
} 
?>

【讨论】：

当我将该代码放入 html 页面时，我收到消息“加载失败：未找到数据。”
你必须把php文件放到apache中运行或者可以使用jquery

【解决方案2】：

在 jquery 中：

for(var i = 1; i<399; i++){
    $("body").append("<img src='images/blackcelebratory/2014/"+i+".jpg' />");
}

【讨论】：

【解决方案3】：

尝试循环：JSFIDDLE

<script>
  for(i = 1; i < 399; i++) {
    var img = document.createElement('IMG');
    var j = i.toString();
    var num = [0, 0].slice(0, j.length < 4 ? 3 - j.length : 0).join('') + j;
    img.src = "images/blackcelebratory/2014/" + num + ".jpg";
    document.body.appendChild(img);
  }
</script>

【讨论】：