多个链接，链接到同一个地方

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%"}); 

不要忘了标记我的答案是正确的，如果它适合你。