我正在尝试使用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;
}
答案 0 :(得分:0)
您可以使用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>