Plug -in jQuery nyromodal Impiegando le impostazioni
Domanda
Sto cercando di usare il plug -in jQuery nyromodal con il seguente codice:
$('img').click(function(e) {
e.preventDefault();
$.nmManual('pages/'+$(this).attr('id')+'.html', {
sizes: {
w: 1450,
h: 800,
initW: 2,
initH: 1
},
resizable: false,
closeOnEscape: false
});
});
Per qualche ragione, il lavoro ridimensionabile e di fulmine, ma le dimensioni non lo fanno.
Soluzione
Questo è strano perché c'è resizable
opzione.
Ho provato a usare le dimensioni e funziona: http://jsfiddle.net/lekiss/hbxjn/2/
Altri suggerimenti
prova questo:
$.nmManual('http://jsfiddle.net/', { callbacks : { initFilters : function (nm) { nm.filters.push('link'); nm.filters.push('iframe'); }, size:function(nm){ nm.sizes.h = 550; nm.sizes.w = 550; } } });
Per chiunque inciampa su questa domanda: per impostare le dimensioni della finestra nyromodale che devi usare:
sizes: {
minW: width,
minH: height
}
I parametri di altre dimensioni sono tutti sovrascritti durante il carico di contenuto.
Per un collegamento iFrame la dimensione della finestra iFrame può essere modificata solo nel file Nyromodal.css :(
Puoi farlo con jQuery:
$('.nyroModalCont,iframe').css('width', width + 'px');
$('.nyroModalCont,iframe').css('height', height + 'px');
Normalmente è necessario impostare entrambe le opzioni di dimensioni (finestra nyromodale + iFrame) per un iFrame per evitare le doppie bobine di scorrimento ...