多個鏈接，鏈接到同一個地方

Question

是否有一種技術可以鏈接到多個按鈕的相同位置，而不必將其寫出兩次？

通常這不會打擾我很多，但對於我的投資組合網站，我有兩個地方的圖片放大版本的鏈接：一個按鈕和一個文本。當您像畫廊一樣滾動照片時，照片會顯示兩次，因爲我已將它鏈接了兩次。解決這個問題的最好方法是什麼？

鏈接到我的網站：http://michaeltruong.ca （點擊一個按鈕，上面寫着「放大」，並通過滾動查看照片，看看我的意思）

謝謝！

Answer 1

從你的代碼，我看到，無論是「文本」鏈接和「放大」鏈接都指向同一個類「組3」，如下圖所示：

<a class="group3" href="images/logoredesigns-large.png" title="Logo Redesigns">Enlarge</a> 
        </div> 
       </div> 
       <a class="group3" href="images/logoredesigns-large.png" title="Logo Redesigns"><h2>Logo Redesigns</h2></a> 

因此，你看到的圖片出現兩次。 一個簡單的解決這個問題是具有兩個不同的分組類（說組2爲文本鏈接和組3爲放大的鏈接），如圖所示下面

<a class="group2" href="images/logoredesigns-large.png" title="Logo Redesigns">Enlarge</a> 
        </div> 
       </div> 
       <a class="group3" href="images/logoredesigns-large.png" title="Logo Redesigns"><h2>Logo Redesigns</h2></a> 

然後，在JavaScript代碼集顏色框爲兩個組低於

$(".group3").colorbox({rel:'group3', height:"100%"}); 
$(".group2").colorbox({rel:'group2', height:"100%"}); 

不要忘了標記我的答案是正確的，如果它適合你。