fancybox dimensione iframe

Question

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

Non riesco a capirlo modificando le proprietà width e height sul file .js come descritto nel sito.

Answer 1

Si dovrebbe provare questo:

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

Answer 2

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

essi citano anche si può fare questo on the fancybox site:

È possibile passare opzioni come chiave/valore oggetto a fancybox() funzione o modif y li in fondo Fancybox file di JS

Answer 3

che sto indovinando è necessario impostare l'altezza fancybox come

$(window).height() * 0.75 

ma io personalmente preferisco farlo con i pixel come

$(window).height() - 80 

Answer 4

Ciao, ho appena letto tutte queste cose e ho dovuto prendere alcuni pezzi di ciò che tutti gli altri hanno scritto per farlo funzionare. Volevo una finestra 600 da 410

Primo cambio lo script java ho affrontato con il file: jquery.fancybox-1.3.4.js (questo potrebbe cambiare con le versioni successive) sotto predefiniti impostati tua altezza e larghezza

larghezza: 600, altezza: 410,

* quindi modificare lo script nella tua pagina web

.

$ ("# various3") fancybox ({

'width': 600,

'altezza': 410,

'autoscale': false,

'tipo': 'iframe'

Si prega di notare la dimensione non è tra virgolette singole! Ho perso un'ora prima che vedessi questo errore.

Questo dovrebbe aiutare. Ora se qualcuno può dirmi come ottenere questo iframe da far apparire al caricamento della pagina.

Answer 5

ma il mio fancybox funziona con ajax e quindi non posso cambiare dimensione!

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

Answer 6

io 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

Cambiando semplicemente il valore del tipo da "iframe" a "ajax", risolvere il problema.

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

Ora usano l'altezza & larghezza della classe descritta per il corpo del file di iframe.html. Quindi auto manipolato.