iframe fancybox dimensión

Question

En la página de inicio de fancybox (http://fancybox.net/home) hay un ejemplo que abre un iFrame dimensionado como el 75% de la pantalla.

No puedo obtenerlo modificando las propiedades de ancho y alto en el archivo .js como se describe en el sitio.

Answer 1

Usted debe intentar esto:

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

Answer 2

que tenía el mismo problema y terminó ajustando las dimensiones predeterminadas en la parte inferior del archivo de la FancyBox JS - "frameWidth: 800, frameHeight: 600"

también mencionan que puede hacer este on the fancybox site:

puede pasar opciones como clave/valor objeto a FancyBox() función o modif Y ellos en la parte inferior de FancyBox archivo JS

Answer 3

supongo que debe establecer la altura FancyBox como

$(window).height() * 0.75 

pero yo personalmente preferiría hacerlo con píxeles como

$(window).height() - 80 

Answer 4

Hola, acabo de leer todo esto y tuve que tomar partes de lo que todos escribieron para que funcione. Yo quería una ventana de 600 por 410

Primer cambio de la escritura de Java que tratamos con el archivo: jquery.fancybox-1.3.4.js (esto puede cambiar con versiones posteriores) en Opciones predeterminadas de establecer sus altura y anchura

anchura: 600, altura: 410,

* continuación, cambie la secuencia de comandos en su página web

.

$ ("# various3") FancyBox ({

'width': 600,

'altura': 410,

'AutoScale': false,

'tipo': 'iframe'

tenga en cuenta que el tamaño no está en comillas simples! Perdí una hora antes de ver este error.

Esto debería ayudar. Ahora, si alguien puede decirme cómo obtener este iframe para que aparezca en la carga de la página.

Answer 5

pero mi fancybox funciona con ajax y no puedo cambiar el tamaño de lujo!

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

Answer 6

Tengo la versión 2.14 y esto es lo que funciona para mí.

$(document).ready(function() { 
    $(".iframe").fancybox({ 
    type: 'iframe', 
    'padding' : 0, 
    'autoSize': false,  
    'width': 650, 
    'height': 520 
    }); 
}); 

Answer 7

Simplemente cambiando el valor de tipo de 'iframe' a 'Ajax', resolver el problema.

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

Ahora se utiliza la altura & anchura de la clase descrita para el cuerpo del archivo de Iframe.html. Así que auto manipulado.