Измерение iframe в fancybox - PullRequest
9 голосов
/ 17 марта 2010

На домашней странице fancybox (http://fancybox.net/home) есть пример, который открывает iFrame размером 75% экрана.

Я не могу получить его, изменив свойства width и height в файле .js, как описано на сайте.

Ответы [ 7 ]

19 голосов
/ 23 мая 2010

Вы должны попробовать это:

$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});
6 голосов
/ 18 августа 2011

Привет, я только что прочитал все это, и мне пришлось взять кусочки того, что все остальные написали, чтобы заставить его работать. Я хотел окно 600 на 410

Сначала измените java-скрипт Я имел дело с файлом: jquery.fancybox-1.3.4.js (это может измениться в более поздних версиях) по умолчанию установите ваш рост и ширину

ширина: 600, высота: 410

* затем измените скрипт на своей веб-странице

$ ( "# various3"). FancyBox ({

«ширина»: 600,

«высота»: 410,

'autoScale': false,

'type': 'iframe'

обратите внимание, размер указан не в одинарных кавычках! Я потратил впустую час, прежде чем увидел эту ошибку.

Это должно помочь. Теперь, если кто-то может сказать мне, как заставить этот iframe всплывать при загрузке страницы.

3 голосов
/ 21 апреля 2011

Я предполагаю, что вы должны установить высоту fancybox как

$(window).height() * 0.75 

но я бы лично предпочел сделать это с пикселями вроде

$(window).height() - 80
1 голос
/ 29 марта 2011

У меня была та же проблема, и я закончил настройкой размеров по умолчанию в нижней части файла fancybox js - "frameWidth: 800, frameHeight: 600"

Они также говорят, что вы можете сделать это на сайте fancybox :

Вы можете передать параметры как ключ / значение объект функции fancybox () или изменить их в нижней части FancyBox JS файл

0 голосов
/ 07 сентября 2013

Просто изменив значение типа с 'iframe' на 'ajax', решите проблему.

$('Selector').fancybox.open({
                href : 'iframe.html',
                type : 'ajax',  //from type : 'iframe',
                padding : 0     
            });

Теперь он использует высоту и ширину класса, описанного для тела файла iframe.html. Так что авто манипулирует.

0 голосов
/ 17 мая 2013

У меня есть версия 2.14, и это то, что у меня работает.

$(document).ready(function() {
    $(".iframe").fancybox({
    type: 'iframe',
    'padding' : 0,  
    'autoSize': false,      
    'width': 650, 
    'height': 520
    });
});
0 голосов
/ 02 января 2012

но мой fancybox работает с ajax, и поэтому я не могу изменить необычный размер!

$('iframeLink').fancybox({ 'width':300, 'height':200, 'type':'ajax', 'autoScale':'false' });

...