如何將鏈接放置在使用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：選項。

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> 

我希望這能滿足您的需求。