FancyBox redimensiona el ancho

Question

Puedo cambiar el tamaño de la altura con la pieza $.fancybox.resize();, pero el ancho simplemente no se actualiza según el nuevo contenido. ¿Pensamientos?

Answer 1

Desde el fancybox api docs:

$.fancybox.resize: "Auto-redimensiona FancyBox altura para que coincida con la altura de los contenidos."

Parece que no está destinado a ajustar el ancho.

Si desea ajustar el ancho, puede hacerlo cambiando manualmente el tamaño de los elementos #fancybox-wrap y #fancybox-inner. Después de algunas comprobaciones muy rápido, parece que #fancybox-wrap se ajusta a 20px ancho que #fancybox-inner:

$('#fancybox-inner').width(400); 
$('#fancybox-wrap').width(420); 

También puede controlar el ancho de la primera vez que se registra FancyBox usando la opción width:

$('#somelink').fancybox({ width: '100px' }); 

Answer 2

En reciente versiones de FancyBox (1.3.4 en mi caso) utilizan

$('#fancybox-content').width(600); 

en lugar de

$('#fancybox-inner').width(400); 

para ajustar manualmente el ancho

Answer 3

hacer algunos cambios en jquery.fancybox.js cerca nubmer línea de Abou: 837 cambio

current.width = loadingBay.width(); 

a

current.width = loadingBay.width() + 2*current.padding; 

funcionó bien a yo.

Answer 4

Esto es lo que funcionó para mí:

$('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto'); 
$.fancybox.center(); 

Answer 5

A sólo jquery.fancybox.js abiertos y añadir su propio ancho. Aquí está mi código con ancho = 72%.

// Reset dimensions so we could re-check actual size 
     wrap.add(skin).add(inner).width('72%').height('auto').removeClass('fancybox-tmp');