FancyBox ridimensionamento larghezza

Question

Sono in grado di ridimensionare l'altezza con la parte $.fancybox.resize();, ma la larghezza non si aggiorna in base al nuovo contenuto. Pensieri?

Answer 1

Dal fancybox api docs:

$.fancybox.resize: "Auto-ridimensiona Fancybox altezza per corrispondere all'altezza di contenuti."

Quindi sembra che non è inteso per regolare la larghezza.

Se si desidera regolare la larghezza, è possibile farlo ridimensionando manualmente gli elementi #fancybox-wrap e #fancybox-inner. Dopo qualche controllo molto veloce, sembra #fancybox-wrap è impostato a 20px più ampio rispetto #fancybox-inner:

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

È inoltre possibile controllare la larghezza prima volta che si registra fancybox utilizzando l'opzione width:

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

Answer 2

In più recente versioni di fancybox (1.3.4 nel mio caso) usano

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

invece di

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

per regolare manualmente la larghezza

Answer 3

apportare alcune modifiche nel jquery.fancybox.js vicino linea abou nubmer: 837 cambiamento

current.width = loadingBay.width(); 

a

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

funzionava bene a me.

Answer 4

Ecco cosa ha funzionato per me:

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

Answer 5

soli jquery.fancybox.js aperti e aggiungere il proprio larghezza. Ecco il mio codice con larghezza = 72%.

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