在现有坑道的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>