我正在为我的图库页面使用灯箱(jquery.lightbox-0.5.js)。我的显示图像的代码是
<ul>
<div class="gallery" id="gallery1">
<li> <a style="display: inline;" href="sample.jpg" target="_blank"> <img src="sample_thumb.jpg" alt="" /> </a> </li>
</div>
</ul>
工作正常。
但现在我想提供Lightbox图像的链接。即,单击灯箱内的图像时,我想将用户重定向到其他页面。
但我不知道如何实现这个目标?有没有人对此有任何想法?提前谢谢。
答案 0 :(得分:2)
在html中设置“a”标签的标题,并将其设置为您想要的链接。单击图像时,在放大的图像底部,您将看到一个链接,您可以单击并导航。
<ul>
<div class="gallery" id="gallery1">
<li> <a style="display: inline;" href="sample.jpg" target="_blank" title="<a href='http://google.com'>My Link. Click Me</a>"> <img src="sample_thumb.jpg" alt="" /> </a> </li>
</div>
</ul>