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

да есть, вам нужно использовать форматирования заголовка: 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> 

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