fancybox dimensione iframe
-
20-09-2019 - |
Domanda
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.
Soluzione
Si dovrebbe provare questo:
$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});
Altri suggerimenti
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.
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
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
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'
});
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
});
});
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.