Fancybox3 от fancyapps | изменение размера кадра - PullRequest
Новая
       22

Fancybox3 от fancyapps | изменение размера кадра

0 голосов
/ 26 апреля 2018

Я пытаюсь сделать 3 фрейма с помощью facnybox3, но я не знаю, как сделать 3 фрейма с их собственным определенным размером. Есть идеи?

Мой код: 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;
}

1 Ответ

0 голосов
/ 27 апреля 2018

Вы можете использовать атрибут 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>
...