0

我有一个 html 页面，我在其中列出了指向我的照片的静态链接，我必须逐行列出它们并更改数字，即照片的名称。数字按顺序排列是一件好事，而 jpg 文件仅以 4 位数字命名。例如：

<a href=pics/0001.jpg target=blank><img src=pics/0001.jpg></a>
<a href=pics/0002.jpg target=blank><img src=pics/0001.jpg></a>
<a href=pics/0003.jpg target=blank><img src=pics/0001.jpg></a>
<a href=pics/0004.jpg target=blank><img src=pics/0001.jpg></a>
<a href=pics/0005.jpg target=blank><img src=pics/0001.jpg></a>
...
<a href=pics/1999.jpg target=blank><img src=pics/1999.jpg></a>

有没有更优雅的方法来做到这一点？还是手动输入 0001.jpg 到 1999.jpg 的唯一方法？是否有 perl/python 脚本可以帮助编写静态 html？

4

3 回答 3

3

http://jsfiddle.net/Cbcak/

<script type="text/javascript">
$(function(){
    var str = '';
    for (var i=1;i<=1999;i++) {
        var num = zeroFill(i, 4);
        str += '<a href=pics/'+num+'.jpg target=blank><img src=pics/'+num+'.jpg></a>'+"\n";
    }
    $('pre').text(str);

    function zeroFill( number, width )
    {
     width -= number.toString().length;
      if ( width > 0 )
     {
       return new Array( width + (/\./.test( number ) ? 2 : 1) ).join( '0' ) + number;
     }
     return number + ""; // always return a string
  }
});
</script>
<pre></pre>​
于 2012-07-19T23:26:43.633 回答
1

您可以使用 javascript 动态生成它们，但您仍然必须在源位置（文件）中提供 href 和 src

否则，您将使用 .NET、Java、php 或其他可以从数据库或 xml 文件中读取图像的 Web 脚本语言

我敢肯定还有其他选择，只是暂时没有想到。

于 2012-07-19T23:13:24.237 回答
1

试试这个 python 3 脚本：

for d in range(2000):
    print("<a href=pics/" + str(d).zfill(4) + ".jpg target=blank><img src=pics/" + str(d).zfill(4)+ ".jpg></a>" )

运行将产生您预期的输出 ( <a href=pics/xxxx.jpg target=blank><img src=pics/xxxx.jpg></a> )，您可以将其复制并粘贴到您的 html 文件中。

于 2012-07-19T23:18:20.643 回答