¿Cómo cambiar el tamaño dinámicamente de un iframe en Fancybox 2?

Question

Estoy usando Fancybox 2.0. Abro contenido en un iframe. ¿Cómo puedo cambiar el tamaño de forma dinámica la ventana emergente cuando cambia el contenido en el iframe?

busco horas pero todos los enlaces son para versiones anteriores (1.3) o sin salida.

Agradecido por todas las entradas!

Answer 1

Esto debería hacerlo.

$.fancybox({ 
    width:600, 
    height:300, 
    autoResize:false 
}); 

Answer 2

que utiliza la opción antes del espectáculo para cambiar su tamaño:

beforeShow: function(){ 
    this.width = $('.fancybox-iframe').contents().find('html').width(); 
    this.height = $('.fancybox-iframe').contents().find('html').height(); 
} 

conseguir esto para ejecutar desde dentro del cuadro, es necesario para disparar el padre fancybox.update $() por parte del niño.. página, que debería cambiar su tamaño.

Answer 3

Puede cambiar el tamaño del ancho y alto del iframe según el ancho y alto del contenido mediante esta opción autoSize es verdadero. Si autoSize es verdadero, establece tanto autoHeight como autoWidth en verdadero. Esto significa que el ancho y el alto del contenido del tipo "en línea", "ajax" y "html" se determinan automáticamente.

$.fancybox.open({ 
padding : 0, 
href:'http://www.gamespot.com', 
type: 'iframe', 
autoSize: true 
});