Dimensão FancyBox Iframe

Question

Na página inicial da FancyBox (http://fancybox.net/home) Há um exemplo que abre um iframe dimensionado como 75% da tela.

Não consigo obtê -lo modificando as propriedades de largura e altura no arquivo .js, conforme descrito no site.

Answer 1

Você deve tentar o seguinte:

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

Answer 2

Olá, acabei de ler tudo isso e tive que pegar pedaços do que todos os outros escreveram para fazê -lo funcionar. Eu queria uma janela 600 por 410

Primeiro altere o script java Eu lidei com o arquivo: jQuery.FancyBox-1.3.4.JS (Isso pode mudar com versões posteriores) em padrões define sua altura e largura

Largura: 600, altura: 410,

*Em seguida, altere o script em sua página da web

$ ("#Vários3"). FancyBox ({

'largura': 600,

'Altura': 410,

'Autoscala': false,

'tipo': 'iframe'

Observe que o tamanho não está em citações únicas! Eu perdi uma hora antes de ver esse erro.

Isso deve ajudar. Agora, se alguém puder me dizer como fazer com que este iframe apareça na página carregar.

Answer 3

Acho que você deve definir a altura da caixa de fantasia como

$(window).height() * 0.75 

Mas eu pessoalmente preferiria fazer isso com pixels como

$(window).height() - 80

Answer 4

Eu tive o mesmo problema e acabei ajustando as dimensões padrão na parte inferior do arquivo JS da Fancybox - "Framewidth: 800, FrameHeight: 600"

Eles também mencionam que você pode fazer isso no site da FancyBox:

Você pode passar as opções como objeto de chave/value para a função FancyBox () ou modificá -las na parte inferior do arquivo JS FancyBox JS

Answer 5

Mas o meu Fancybox trabalha com o Ajax e, portanto, não posso mudar o tamanho sofisticado!

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

Answer 6

Eu tenho a versão 2.14 e é isso que funciona para mim.

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

Answer 7

Simplesmente alterando o valor do tipo de 'iframe' para 'Ajax', resolva o problema.

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

Agora ele usa a altura e a largura da classe descrita para o corpo do arquivo iframe.html. Portanto, manipulado automático.