gpt4 book ai didi

javascript - 处理网页上数百张图片的聪明方法是什么?

转载 作者:太空宇宙 更新时间:2023-11-03 23:17:39 27 4
gpt4 key购买 nike

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

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

我不想花几个小时复制粘贴和编辑数字,然后才意识到我忘记了它们的 anchor 标记。我知道 Wordpress 会这样做,但这应该是一个简单的元素,并且所有布局和设计都已经完成,主题化将完全矫枉过正。

聪明的做法是什么?

  • 自定义自动构建 CMS? 听说过,但不是很了解
  • 生成 HTML 的 Sublime 插件? 不要认为它写了 img 路径
  • 还有其他想法吗?

请注意,我是一名前端人员。

最佳答案

我不知道这是最好的方法,但我过去使用 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>

分割:

  1. 根据您拥有的图片数量使用常量 N_IMAGES。
  2. 使用 for 循环“echo”语句。它的作用是返回一个每个图像路径的图像标签。
  3. 您可以将一个类与每个图像以及任何属性相关联你可能需要。

小心点。您需要本地或远程服务器才能使 php 工作,并保存为 .php,而不是 html。

如果您不介意加入一些基本的 php,这是一种快速、干净的方法。

关于javascript - 处理网页上数百张图片的聪明方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29850027/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com