Размер iframe fancybox

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

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

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

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

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

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

$("#various3").fancybox({

ширина: 600

'высота' : 410,

'автомасштаб': ложь,

«тип»: «iframe»

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

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

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

$(window).height() * 0.75 

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

$(window).height() - 80

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

Они также упоминают, что вы можете сделать это на сайте fancybox:

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

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

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

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

$(document).ready(function() {
    $(".iframe").fancybox({
    type: 'iframe',
    'padding' : 0,  
    'autoSize': false,      
    'width': 650, 
    'height': 520
    });
});

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

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

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