Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/entity-framework/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 什么';在一个网页上处理数百张图片的聪明方法是什么?_Javascript_Html_Css_Content Management System - Fatal编程技术网

Javascript 什么';在一个网页上处理数百张图片的聪明方法是什么?

Javascript 什么';在一个网页上处理数百张图片的聪明方法是什么?,javascript,html,css,content-management-system,Javascript,Html,Css,Content Management System,我有一个简单的网页,有数百张图片。 像这样 <img src="img/photo00001.jpg"> <img src="img/photo00002.jpg"> <img src="img/photo00003.jpg"> ... and so on ... 等等 我不想花几个小时复制、粘贴和编辑这些数字,然后意识到我忘记了它们上的锚定标签。我知道Wordpress会这样做,但这应该是一个简单的项目,所有的布局和设计都已经完成了,主题化这将是一个彻

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

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

... 等等
我不想花几个小时复制、粘贴和编辑这些数字,然后意识到我忘记了它们上的锚定标签。我知道Wordpress会这样做,但这应该是一个简单的项目,所有的布局和设计都已经完成了,主题化这将是一个彻底的滥杀

明智的做法是什么

  • 定制自动构建CMS?我听说过,但知道的不多
  • 生成HTML的升华插件?不要认为它写入了img路径
  • 还有别的想法吗

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

我不知道这是最好的方法,但我过去使用php做过类似的事情(不要害怕!)



我不知道这是最好的方法,但我在过去使用php做过类似的事情(不要害怕!)



我不知道这是最好的方法,但我在过去使用php做过类似的事情(不要害怕!)



我不知道这是最好的方法,但我在过去使用php做过类似的事情(不要害怕!)



它真的很难看,但我想它会满足你的要求:


试验
函数addZero(数字){
var零;
开关(number.toString().length){
案例1:
零=“0000”;
打破
案例2:
零=“000”;
打破
案例3:
零=“00”;
打破
案例4:
零=0;
打破
}
返回零;
}

对于(var i=0;i它确实很难看,但我认为它可以满足您的要求:


试验
函数addZero(数字){
var零;
开关(number.toString().length){
案例1:
零=“0000”;
打破
案例2:
零=“000”;
打破
案例3:
零=“00”;
打破
案例4:
零=0;
打破
}
返回零;
}

对于(var i=0;i它确实很难看,但我认为它可以满足您的要求:


试验
函数addZero(数字){
var零;
开关(number.toString().length){
案例1:
零=“0000”;
打破
案例2:
零=“000”;
打破
案例3:
零=“00”;
打破
案例4:
零=0;
打破
}
返回零;
}

对于(var i=0;i它确实很难看,但我认为它可以满足您的要求:


试验
函数addZero(数字){
var零;
开关(number.toString().length){
案例1:
零=“0000”;
打破
案例2:
零=“000”;
打破
案例3:
零=“00”;
打破
案例4:
零=0;
打破
}
返回零;
}

for(var i=0;iMaybe这只是我的问题,但你的问题没有意义?Sublime?CMS?为什么不在一个简单的JavaScript
for
语句中使用
document.getElementById(“containerId”).appendChild(…)
?也许只是我的问题,但你的问题没有意义?Sublime?CMS?为什么不只是
document.getElementById(“containerId”).appendChild(…)
在一个简单的JavaScript
中,用于
语句?也许只是我,但你的问题没有意义?升华?CMS?为什么不只是
文档.getElementById(“containerId”).appendChild(…)
在一个简单的JavaScript
中,用于
语句?也许只是我,但你的问题没有意义?升华?CMS?为什么不只是
document.getElementById(“containerId”).appendChild(…)
在一个简单的JavaScript
中,用于
语句?谢谢JF,我想这是最好的解决方案,但我选择使用JavaScript解决方案运行,因为它不需要服务器,而且它使用的是我已经理解的语言。尽管我投票支持它。分解非常好。谢谢JF,我想这是最好的解决方案,但我选择了使用jav一个脚本解决方案,因为它不需要服务器,而且它使用的是我已经理解的语言。但是投票通过了。故障非常好。谢谢JF,我想这是最好的解决方案,但我选择使用javascript解决方案,因为它不需要服务器,而且它使用的是我已经理解的语言。投票通过了。故障非常严重种类。谢谢JF,我想这是最好的解决方案,但我选择使用javascript解决方案运行,因为它不需要服务器,而且它使用的语言我已经懂了。不过投票通过了。细分非常好。谢谢Leo。添加零很聪明。谢谢Leo。添加零很聪明。谢谢Leo。添加零很聪明。谢谢Leo.添加零是聪明的。
<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>