0

私は単純なギャラリーを持っています:

<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-Head に次のように追加しました。

<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>

リンクはファンシーボックスを開きますが、ギャラリーは表示されません. なんで？

4

1 に答える 1

1

すでに fancybox を特定のセレクターにバインドしている場合は、.eq()メソッドを使用してそれをトリガーするだけで、次のように必要なものを選択できindexます。

<a href="javascript:;" onclick="$('.fancybox-buttons').eq(0).click();">show gallery</a>
于 2012-08-01T21:00:00.260 に答える