在現有坑道的fancybox打開圖像2

Question

我有一個簡單的畫廊：

<ul class="gallery"> 
    <li><a class="fancybox-buttons" data-fancybox-group="gallery" href="/path/to/image1.jpg"><img src="/path/to/image1_thumb.jpg" /></a></li> 
    <li><a class="fancybox-buttons" data-fancybox-group="gallery" href="/path/to/image2.jpg"><img src="/path/to/image3_thumb.jpg" /></a></li> 
    <li><a class="fancybox-buttons" data-fancybox-group="gallery" href="/path/to/image3.jpg"><img src="/path/to/image3_thumb.jpg" /></a></li> 
</ul> 

在我的HTML的頭我說：

<link rel="stylesheet" type="text/css" href="/path/to/jquery.fancybox.css" media="all" /> 
<link rel="stylesheet" type="text/css" href="/path/to/jquery.fancybox-buttons.css" media="all" /> 
<link rel="stylesheet" type="text/css" href="/path/to/jquery.fancybox-thumbs.css" media="all" /> 
<script type="text/javascript" src="/path/to/jquery.min.js"></script> 
<script type="text/javascript" src="/path/to/jquery.fancybox.pack.js"></script> 
<script type="text/javascript" src="/path/to/jquery.fancybox-buttons.js"></script> 
<script type="text/javascript" src="/path/to/jquery.fancybox-thumbs.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('.fancybox-buttons').fancybox({ 
     openEffect : 'none', 
     closeEffect : 'none', 
     prevEffect : 'none', 
     nextEffect : 'none', 
     closeBtn : false, 
     helpers  : { 
      title : { 
       type : 'inside' 
      }, 
      buttons : {}, 
       thumbs : { 
        width : 120, 
        height : 80 
       } 
      }, 
}); 

}）;

畫廊工作正常！

現在我想有一個鏈接，包括按鈕，和拇指開畫廊的第一項（索引0）：

<a href="javascript:$.fancybox.open($('.fancybox-buttons'), {index : 0});">show gallery</a> 

鏈接打開的fancybox，但顯示的畫廊isn't。爲什麼？

Answer 1

如果你已經綁定的fancybox到一個特定的選擇，你只需要使用.eq()的方法來選擇你要喜歡index來觸發它：

<a href="javascript:;" onclick="$('.fancybox-buttons').eq(0).click();">show gallery</a>