javascript - 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,
    },
}