Fancybox - 如何默认显示缩略图?
Fancybox - how can I show thumbnails by default?
如何默认显示这些缩略图?
实时代码示例 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'
}
}
]);
});
将 thumbs : { autoStart : true, },
选项添加到 $.fancybox.open
的第二个参数:
{
loop : false,
thumbs : {
autoStart : true,
},
}
如何默认显示这些缩略图?
实时代码示例 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'
}
}
]);
});
将 thumbs : { autoStart : true, },
选项添加到 $.fancybox.open
的第二个参数:
{
loop : false,
thumbs : {
autoStart : true,
},
}