Question

我有一个包含数百张图片的简单网页。像这样......

<img src="img/photo00001.jpg">
<img src="img/photo00002.jpg">
<img src="img/photo00003.jpg">
... and so on

我不想花费数小时复制粘贴和编辑数字，以后才意识到我忘记了锚标记。我知道Wordpress会这样做，但这应该是一个简单的项目，所有的布局和设计都已经完成，这将是一个彻底的过度杀伤。

智能方法是什么？

自定义自动构建的CMS？ 我已经听过，但不太了解
生成HTML的Sublime插件？ 不要认为它写了img路径
其他一些想法？

请注意，我是一个前端人物。

Answer 1

我不知道这是最好的方法，但我过去使用过PHP做过类似的事情（不要害怕！）。

<body>
 <div class="img-container>
  <?php
  define('N_IMAGES', 20);
  $class = 'image';
  for ($i=0;$i<N_IMAGES;$i++) {
    echo "<img src = \"img/photo"+$i+"\" class=\"$class\">";
  }
?>
</div>
</body>

故障：

根据您拥有的图像数量使用常量N_IMAGES。
使用for循环＆＃34; echo＆＃34;声明。这样做是返回一个每个iamge路线的图像标签。
您可以将类与每个图像以及任何属性相关联你可能需要。

要小心。你需要一个本地或远程服务器来运行php，以及保存为.php，而不是html。

如果你不介意投入一些基本的php，它是一种快速，干净的方法。

Answer 2

这真的很难看，但我认为它会做你想做的事情：

＆＃13;

for i, j in zip(range(len(x)), range(len(x))):
    print i, j

＆＃13;

将其复制/粘贴到.html文件中并运行它，然后复制生成的页面的源代码......

祝你好运！

在网页上处理数百个图像的智能方法是什么？

2 个答案: