如何使用按钮帮助程序“手动”打开fancybox库

时间:2011-12-14 19:54:39

标签: jquery fancybox

我不想在页面上显示任何缩略图。我只想要一个文本链接,打开一系列可以在幻灯片中播放的图像。我正在使用jquery和fancybox 2.我把它粘贴在一起,形成了我发现的一些例子,但它没有向我显示图像,而是向我展示了img src的文本。

html:
<a href="javascript:;" class="img_seq">Gallery</a>

js:       


$('.img_seq').click(function() {
    $.fancybox(['http://farm5.static.flickr.com/4044/4286199901_33844563eb.jpg',
         'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg'],
        {   

    helpers: { 
        buttons : {}
    }

        });

});

1 个答案:

答案 0 :(得分:2)

易:

$(".img_seq").click(function() {
        $.fancybox([
            'http://farm5.static.flickr.com/4044/4286199901_33844563eb.jpg',
            'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg',
            {
                'href'  : 'http://farm5.static.flickr.com/4005/4213562882_851e92f326.jpg',
                'title' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
            }
        ], {
            'padding'           : 0,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'image',
            'changeFade'        : 0
        });
    });

来源:Fancybox.net