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に入力するのが唯一の方法ですか？静的HTMLの作成に役立つperl/pythonスクリプトはありますか？

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

このPython3スクリプトを試してください：

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 に答える
1

javascriptを使用して動的に生成することもできますが、ソースの場所（ファイル）にhrefとsrcを指定する必要があります。

それ以外の場合は、データベースまたはxmlファイルから画像を読み取ることができる.NET、Java、php、またはその他のWebスクリプト言語を調べます。

他にも選択肢があると思いますが、現時点では考えていません。

于 2012-07-19T23:13:24.237 に答える