打開Fancybox從按鈕類文本，而不是圖像鏈接

Question

這可能是一個簡單的修復，但它肯定會困我！無論如何，我正嘗試使用按鈕類鏈接到縮略圖庫。例如：

這裏是我的fancybox初始化代碼：

$(document).ready(function() { 
    $(".fancybox-thumb").fancybox({ 
     beforeShow: function(){ 
      $("body").css({"overflow":"hidden"}); 
     }, 
     afterClose: function(){ 
      $("body").css({"overflow":"visible"}); 
     }, 
     padding : 2, 
     modal : false, 
     prevEffect : 'fade', 
     nextEffect : 'fade', 
     nextSpeed : 'slow', 
     prevSpeed : 'slow', 
     openSpeed : 'slow', 
     closeSpeed : 'slow', 
     helpers : { 
      title : { 
       type: 'outside' 
      }, 
      overlay : { 
       opacity : 0.8, 
       css : { 
        'background-color' : '#000' 
       } 
      }, 
      thumbs : { 
       width : 50, 
       height : 50 
      } 
     } 
    }); 
}); 

在我的HTML我有以下幾點：

<a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1649.jpg" title="Image 1 Text"> 
        <img src="images/weddings/PienkosWed-1649.jpg" alt="" width="150" /></a> 
       <a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1653.jpg" title="Image 2 Text"></a> 
       <a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1655.jpg" title="Image 3 Text"></a> 
       <a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1657.jpg" title="Image 4 Text"></a> 
       <a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1661.jpg" title="Image 5 Text"></a> 
       <a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1667.jpg" title="Image 6 Text"></a> 

除了我想從一個按鈕打開的fancybox這個偉大的工程，類如：

<a href="OPEN FANCYBOX" class="button1"><span></span><strong>Launch Picture Gallery</strong></a> 

我不知道如何去這個和任何幫助將大大增值ED！

Answer 1

試試這個：

$('.button1').click(function(e) { 
    e.preventDefault(); 
    $('.fancybox-thumb:eq(0)').click(); 
}); 
​ 

演示：http://jsfiddle.net/lucuma/Skpyw/2/

Answer 2

添加以下click事件上的文件準備好。

$("a.button1").click(function(){ 
    $(".fancybox-thumb").trigger("click"); 
});