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

Question

如何默认显示这些缩略图？

实时代码示例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'
                    }
                }
            ]);
        });

Answer 1

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

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