fancybox-2 - V3 的 Fancybox V2 CSS
问题描述
我正在尝试将使用 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 );
}
});
推荐阅读
- r - 提取r中具有相同名称的子列表的所有元素
- python - 比较元组中的项目并在Python中返回项目的索引
- ibm-midrange - IBM 中的 CDC 引擎,我无法启动 TCP 侦听器作业
- javascript - 这个具有异步操作的 Javascript 程序的输出应该是什么?
- security - 在 ZAP 报告警报中获取无效计数
- python - Python:连续超过一定水平
- pandas - 熊猫创建一个具有其他值的新列
- css - 仅更改速记属性的一部分
- python - 如何从python中的数组列表中删除一个数组
- elasticsearch - 如何在 ElasticSearch Head Chrome 扩展中运行术语查询?