V3 的 Fancybox V2 CSS
Fancybox V2 CSS for V3
我正在尝试将 Fancybox V2.5 的项目迁移到 V3,但它需要保留原来的外观。
如何让右上角圆圈中的原始 X 和其他选项(如圆角、阴影等)在 V3 中工作?
您可以简单地使用回调来添加额外的元素,然后使用 v2 中的 css 片段来设置样式,例如:
$('[data-fancybox="images"]').fancybox({
toolbar : false,
smallBtn : false,
arrows : false,
idleTime : false,
loop : true,
transitionEffect : false,
animationDuration : 333,
afterLoad : function(instance, slide) {
$('<a title="Close" class="fancybox-item fancybox-close" href="javascript:;" data-fancybox-close></a><a title="Previous" class="fancybox-item fancybox-nav fancybox-prev" href="javascript:;" data-fancybox-prev><span></span></a><a title="Next" class="fancybox-item fancybox-nav fancybox-next" href="javascript:;" data-fancybox-next><span></span></a>').appendTo( slide.$content );
}
});
我正在尝试将 Fancybox V2.5 的项目迁移到 V3,但它需要保留原来的外观。
如何让右上角圆圈中的原始 X 和其他选项(如圆角、阴影等)在 V3 中工作?
您可以简单地使用回调来添加额外的元素,然后使用 v2 中的 css 片段来设置样式,例如:
$('[data-fancybox="images"]').fancybox({
toolbar : false,
smallBtn : false,
arrows : false,
idleTime : false,
loop : true,
transitionEffect : false,
animationDuration : 333,
afterLoad : function(instance, slide) {
$('<a title="Close" class="fancybox-item fancybox-close" href="javascript:;" data-fancybox-close></a><a title="Previous" class="fancybox-item fancybox-nav fancybox-prev" href="javascript:;" data-fancybox-prev><span></span></a><a title="Next" class="fancybox-item fancybox-nav fancybox-next" href="javascript:;" data-fancybox-next><span></span></a>').appendTo( slide.$content );
}
});