Fancybox-默认情况下如何显示缩略图?

时间:2018-09-07 15:17:29

标签: javascript jquery fancybox

默认情况下如何显示这些缩略图? enter image description here

实时代码示例here
我正在通过点击使用Fancybox api打开灯箱。

        $.fancybox.defaults.buttons = ["zoom", "thumbs", "close" ];

        $('.fancybox-btn').click(function () {
            $.fancybox.open([
                {
                    src  : 'http://placehold.it/300x200?text=1',
                    opts : {
                        thumb   : 'http://placehold.it/300x200?text=1'
                    }
                },
                {
                    src  : 'http://placehold.it/300x200?text=2',
                    opts : {
                        thumb   : 'http://placehold.it/300x200?text=2'
                    }
                }
            ]);
        });

1 个答案:

答案 0 :(得分:2)

thumbs : { autoStart : true, },的第二个参数中添加$.fancybox.open选项:

{
    loop : false,
    thumbs : {
        autoStart : true,
    },
}