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?为什么不在一个简单的JavaScriptfor
语句中使用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>