在html代码行中增加img名称?

时间:2014-07-18 17:50:30

标签: html editor dreamweaver increment

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

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

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

... / 398.jpg

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

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

在jquery中:

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

答案 2 :(得分:0)

尝试循环: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>