Fancybox 2 Fancybox V2用于V3的CSS

我正在尝试将一个带有Fancybox V2.5的项目迁移到V3，但它需要保留原始外观

---

如何使右上角圆中的原始X和其他选项（如圆角、阴影等）在V3中工作？

您只需使用回调添加其他元素，然后使用css片段从v2到样式，例如：

$('[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 );
  }
});

$（'[data fancybox=“images”]'）。fancybox({
工具栏：false，
错，
箭头：错，
空闲时间：错，
循环：对，
传递效果：false，
动画持续时间：333，
后加载：功能（实例、幻灯片）{
$（''）.appendTo（幻灯片.$内容）；
}
});

---

演示-

谢谢。但是旧的fancybox外壳的圆角不见了？iframe应该应用于哪个元素？因为iframe（

.fancybox iframe

）覆盖整个父元素（

.fancybox content

），并且两者都可以有背景色，所以您必须将边框半径设置为这两个元素。