Question

我正在尝试使用facnybox3制作3个iframe，但我不知道如何使用自己定义的大小制作3个iframe。有什么想法吗？

我的代码：http://fancyapps.com/fancybox/3/docs/#iframe

HTML：

<a data-fancybox data-type="iframe" data-src="http://codepen.io/fancyapps/full/jyEGGG/" href="javascript:;">
    Webpage
</a>

CSS：

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}

Answer 1

您可以使用data-options属性设置自定义选项，请参阅此处的第2个示例 - https://codepen.io/fancyapps/pen/qoKGRW?editors=1000

<a href="https://blog.codepen.io/" data-fancybox data-options='{ "type" : "iframe", "iframe" : { "preload" : false, "css" : { "width" : "600px" } } }'>
    Custom options
</a>

Fancyboxs由fancyapps | iFrame调整大小

1 个答案: