提供灯箱图片的链接

时间:2012-05-24 07:49:34

标签: php jquery

我正在为我的图库页面使用灯箱(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图像的链接。即,单击灯箱内的图像时,我想将用户重定向到其他页面。

但我不知道如何实现这个目标?有没有人对此有任何想法?提前谢谢。

1 个答案:

答案 0 :(得分:2)

在html中设置“a”标签的标题,并将其设置为您想要的链接。单击图像时,在放大的图像底部,您将看到一个链接,您可以单击并导航。

<ul>
  <div class="gallery" id="gallery1">
    <li> <a style="display: inline;" href="sample.jpg" target="_blank" title="&lt;a href='http://google.com'&gt;My Link. Click Me&lt;/a&gt;"> <img src="sample_thumb.jpg" alt=""  /> </a> </li>
  </div>
</ul>