2011-02-12 29 views
16

Usando el siguiente JS, el ancho no se está ajustando. No consigue ajustar cuando uso '750' o '750px'Anchura de Fancybox no aplicada

$('a#city-prompt').fancybox({ 
    'width': 750 
}); 

que he publicado en los foros fancybox sobre esto y no he recibido una respuesta

Respuesta

18

Probablemente tiene que fijar autoSize a false:

$('a#city-prompt').fancybox({ 
    'width': 750, 
    'autoSize': false 
}); 

Sobre width del documentation:

Ancho para los tipos de contenido 'iframe' y 'swf'. También fijado para el contenido en línea si 'autoDimensions' se ajusta en 'falso'

+2

Esta respuesta es fuera de fecha. La opción 'autoDimensions' no es parte de las versiones 2.0+ de Fancybox. Mira aquí: http://fancyapps.com/franca//documentos/ y trata de usar 'autoSize',' autoWidth' o 'autoHeight' en su lugar. – leepowers

0

Cambio _get_zoom_to (en la línea 690) desde

to.width = currentOpts.width + double_padding; 

a

to.width = parseInt(currentOpts.width) + parseInt(double_padding); 
+1

Probé esto con Fancybox 1.3.4, no funciona en absoluto. – basZero

1

Asegúrese de no incluir la 'al escribir el ancho en píxeles. Así que en lugar de

'width': '100', que debería tener 'width': 100,

Espero que ayude ...

+0

sorprendente pero cierto – Ash

0

Además de las otras respuestas, para solucionar el problema de altura he cambiado la línea

de:
to.height = currentOpts.height + double_padding;

a:
to.height = parseInt(currentOpts.height) + parseInt(double_padding);

7

Ninguna de las respuestas aquí funcionó para mí, pero esto hizo el truco:

$.fancybox({ 
    'content':$("#element").html(), 
    'width':'500', 
    'autoDimensions':false, 
    'type':'iframe', 
    'autoSize':false 
}); 

El 'autoSize':false fue la falta clave

+0

¿Qué versión de Fancybox estás usando? Me pregunto si cambiaron el nombre del parámetro ... El de http://fancybox.net/api usa 'AutoDimensions'. Parece que estabas usando 'FancyBox 2' - http: // fancyapps.com/fancybox/# docs – Webnet

+3

'autoSize' hizo el truco para mí también. Nada más funcionó. Gracias – Onimusha

+0

solo necesitas 'autoSize: false', ni siquiera necesitas' autoDimensions: false'. esta debería ser la única respuesta aceptada ya que la respuesta aceptada está desactualizada y, por lo tanto, incorrecta. –

1

probar esto. Es necesario establecer autoSize a false:

$(".fancybox").fancybox({'width':400, 
         'height':300, 
         'autoSize' : false}); 
+0

Y para porcentajes, utilice citas como esta: 'ancho': '80%', – user1515295