Pregunta

Estoy tratando de usar el complemento Nyromodal jQuery con el siguiente código:

$('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
                    });
                });

Por alguna razón, el funcionamiento RESIZABLE y CLOARONSCAPE, pero los tamaños no.

¿Fue útil?

Solución

Esto es extraño porque hay resizable opción.

Intenté usar los tamaños y funciona: http://jsfiddle.net/lekiss/hbxjn/2/

Otros consejos

prueba esto:

$.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;
        }
    }
});

Para cualquiera que tropiece con esta pregunta: para establecer el tamaño de la ventana Nyromodal que debe usar:

        sizes: {
            minW: width,
            minH: height
        }

Los otros parámetros de tamaño están sobrescritos durante la carga de contenido.

Para un enlace de iframe, el tamaño de la ventana de iframe solo se puede cambiar en el archivo nyromodal.css :(

Puedes hacer eso con jQuery:

$('.nyroModalCont,iframe').css('width', width + 'px');
$('.nyroModalCont,iframe').css('height', height + 'px');

Normalmente debe establecer ambas opciones de tamaño (ventana nyromodal + iframe) para que un iframe evite las barras de desplazamiento dobles ...

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top