我正在建造一個包含600張縮略圖照片的圖庫。所有的縮略圖都是相同的大小,它們應該都以相同的方式表現。點擊縮略圖會彈出一個小圖片,並有一個名爲jQZoom的圖片放大鏡,可讓訪客更詳細地看到照片。 (http://www.mind-projects.it/projects/jqzoom/)JavaScript可以根據圖像的ID設置鏈接和標題等屬性嗎?
下面是我用一個典型的縮略圖碼(數字462):
<a href='javascript:void(0);' title="Plate 462" rel="{gallery: 'gal1', smallimage: './Vol4/Small/tafel_462.jpg',largeimage: './Vol4/Large/tafel_462.jpg'}">
<img src="Vol4/Thumbs/tafel_462.jpg" width="94" height="150" border="0" /></a>
的問題是,它似乎是一個很大的代碼,我想要做的事。特別是,每次添加縮略圖時,我都必須輸入4次新的圖像編號(對於標題和3個圖像尺寸的來源)。
是不是有一種方法,我可以只放在圖像編號一次(作爲ID或東西),並有一個JavaScript解釋,分配標題和三個鏈接?
是的,你有正確的想法。該原則被稱爲幹 - *不要重複自己*。 http://en.wikipedia.org/wiki/Don%27t_repeat_yourself – Cheeso 2011-05-07 13:21:16