fancybox dimensione iframe

Question

Nella home page fancybox ( http://fancybox.net/home ) c'è un esempio che apre un iFrame dimensionato come il 75% dello schermo.

Non riesco a farlo modificando le proprietà di larghezza e altezza sul file .js, come descritto sul sito.

Answer 1

Si dovrebbe provare questo:

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

Answer 2

Ciao ho appena letto attraverso tutti questi e ho dovuto prendere i pezzi di quello che chiunque altro ha scritto per farlo funzionare. Volevo una finestra 600 da 410

prima modificare lo script java ho affrontato con il file: jquery.fancybox-1.3.4.js (questo potrebbe cambiare con tardi le versioni) sotto il default impostato l'altezza e la larghezza

width: 600, altezza: 410,

* quindi modificare lo script nella tua pagina web

$ ( "# various3"). Fancybox ({

'width': 600,

'altezza': 410,

'autoscale': falso,

'tipo': 'iframe'

si prega di notare che la dimensione non è tra virgolette singole! Ho sprecato un'ora prima di vedere questo errore.

Questo dovrebbe aiutare. Ora, se qualcuno può dirmi come ottenere questo iframe a pop-up il caricamento della pagina.

Answer 3

Sto indovinando si dovrebbe impostare l'altezza fancybox come

$(window).height() * 0.75 

ma io personalmente preferisco farlo con i pixel come

$(window).height() - 80

Answer 4

Ho avuto lo stesso problema e ha finito per regolare le dimensioni predefinite in fondo il file js fancybox - "frameWidth: 800, frameHeight: 600"

Si citano anche si può fare questo rel="nofollow"> :

  

È possibile passare opzioni come chiave / valore   oggetto alla funzione fancybox () o   modificarli in fondo Fancybox   file di JS

Answer 5

ma il mio lavoro fancybox con Ajax e quindi non posso modificare la dimensione di fantasia!

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

Answer 6

Ho la versione 2.14 e questo è ciò che funziona per me.

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

Answer 7

semplicemente cambiando il valore di tipo da 'iframe' a 'Ajax', risolve il problema.

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

Ora si usa l'altezza e la larghezza della classe descritta per il corpo del file di iframe.html. Così auto manipolato.