FancyBox 3全屏图片

问题描述

我正在使用fancybox3，我想单击图像以使fancybox从屏幕的100％width和height开始。我使用此css使图片全屏显示

img {
    min-height:100%;
    min-width:100%;
    height:auto;
    width:auto;
    position:absolute;
    top:0; bottom:0;
    margin:auto;
    margin-left: 50%;
    transform: translateX(-50%);
}

.fancybox-slide img {
    margin:0;
    height:100%;
    overflow:hidden;
}

但是它改变了fancybox的工作方式。第一幅图像从左上角开始，而不是从图像开始进行缩放过渡，放大并开始播放。

有没有办法保持效果并使用100％的width和height窗口？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fancybox fullscreen