FancyBox Größe ändern Breite

Question

Ich kann die Höhe mit dem $.fancybox.resize(); Teil ändern, aber die Breite wird nur nicht entsprechend dem neuen Inhalt aktualisiert. Gedanken?

Answer 1

Von der fancybox api docs:

$.fancybox.resize: "Auto-passt die Größe FancyBox Höhe Höhe von Inhalten passen."

Es sieht also so aus, als ob es nicht die Breite anpassen soll. Wenn Sie die Breite anpassen möchten, können Sie dies tun, indem Sie die Elemente #fancybox-wrap und #fancybox-inner manuell ändern. Nach einiger sehr schnellen Prüfung, es sieht aus wie #fancybox-wrap wird breite 20px als #fancybox-inner:

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

Sie können auch die Breite steuern, wenn Sie zuerst die width Option registrieren fancybox mit:

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

Answer 2

In neueren Versionen von fancybox (1.3.4 in meinem Fall) verwenden

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

statt

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

für manuell die Breite

Answer 3

einige Änderungen in jquery.fancybox.js in der Nähe von Abou Linie nubmer machen Einstellung: 837 Änderung

current.width = loadingBay.width(); 

zu

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

es funktionierte gut an mich.

Answer 4

Hier ist, was für mich gearbeitet:

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

Answer 5

Öffnen Sie einfach jquery.fancybox.js und Ihre eigene Breite hinzu. Hier ist mein Code mit der Breite = 72%.

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