Как разместить ссылку под картинкой, отображаемой с помощью 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>

Надеюсь, это соответствует вашим потребностям.