如何将链接放在使用fancybox（jquery）显示的图片下方？

Question

在我网站的第一张图片（两个人）中，点击它时会显示一个URL地址。我使用了“标题”的东西。是否有一种简单的方法可以做同样的事情而是放置一个链接？

代码：

<div class="pusher">
        <h3><?php echo l('showcase1_h3'); ?></h3>
        <p><?php echo l('showcase1_p'); ?></p>
        <div class="pic">
             <a id="showcase1" title="studyatbest.com" href="images/showcase1.png"><img src="images/showcase1t.png"/></a>
        </div>
</div>

http://alexchen.co.nr/

Answer 1

是的，你需要使用titleFormat：Option。

    function titleLink(title, currentArray, currentIndex, currentOpts) {
   return '<div id="title-link"><span><a href="http://' + title + '">' + (title && title.length ? '<b>' + title + '</b>' : '' ) + '</a></span></div>';
 }

   $("a#fancyLink").fancybox({
    'titlePosition' : 'inside',
    'titleFormat' : titleLink
   });

然后在你的标记中：

<a id="fancyLink" href="./img.jpg" title="www.google.com"><img alt="Img link" src="./img.jpg" /></a>

我希望这符合您的需求。