0

私は Lightbox 2 を使用していますが、何かアドバイスをいただけないでしょうか。今、これは私が画像を追加する方法です：

<a href="IMAGE URL GOES HERE" rel="lightbox[gallery1]" title="TITLE HERE"></a>
<a href="IMAGE URL GOES HERE" rel="lightbox[gallery1]" title="TITLE HERE"></a>
<a href="IMAGE URL GOES HERE" rel="lightbox[gallery1]" title="TITLE HERE"></a>
<a href="IMAGE URL GOES HERE" rel="lightbox[gallery1]" title="TITLE HERE"></a>
<a href="IMAGE URL GOES HERE" rel="lightbox[gallery1]" title="TITLE HERE"></a>
<a href="IMAGE URL GOES HERE" rel="lightbox[gallery1]" title="TITLE HERE"></a>
etc.......

ライトボックスのアイデアは、rel に同じ「gallery1」タグを持つすべての画像がライトボックス ギャラリーに表示されるということです。私の問題は、このような画像を一度に 1 つずつギャラリーに継続的に追加する必要がないことです。これを行うためのより迅速で効率的な方法はありますか? 前もって感謝します。

4

1 に答える 1

0

ファイル名を配列に入れて、JS でループすることができます。jQueryがあると仮定して、これを試してください。ファイルへのパスに依存することに注意してください。これが実用的なフィドルです。

HTML:

<ul id="photos-ul"></ul>

JS:

var fileNames = ["1","2","3"]; // put the filenames in an array and make the url correct in the loop
for (i=0; i < fileNames.length; i++){
    $('#photos-ul').append("<li><a href='http://flicker.com/photo" + fileNames[i] + "'>Photo " + fileNames[i] + "</a></li>"); 
}
于 2013-02-03T05:17:10.090 に答える