FancyBox resize width
Solution 1
From the fancybox api docs:
$.fancybox.resize
: "Auto-resizes FancyBox height to match height of content."
So it looks like it is not intended to adjust the width.
If you wish to adjust the width, you can do it by manually resizing the #fancybox-wrap
and #fancybox-inner
elements. After some very quick checking, it looks like #fancybox-wrap
is set to 20px wider than #fancybox-inner
:
$('#fancybox-inner').width(400);
$('#fancybox-wrap').width(420);
You can also control the width when you first register fancybox using the width
option:
$('#somelink').fancybox({ width: '100px' });
Solution 2
In newer versions of fancybox (1.3.4 in my case) use
$('#fancybox-content').width(600);
instead of
$('#fancybox-inner').width(400);
for manually adjusting the width
Solution 3
make some changes in jquery.fancybox.js near about line nubmer:837 change
current.width = loadingBay.width();
to
current.width = loadingBay.width() + 2*current.padding;
it worked fine to me.
Solution 4
Here's what worked for me:
$('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto');
$.fancybox.center();
johnnyArt
“The Web is like a dominatrix. Everywhere I turn, I see little buttons ordering me to Submit.” (Nytwind)
Updated on April 22, 2020Comments
-
johnnyArt about 4 years
I'm able to resize the height with the
$.fancybox.resize();
part, but the width just doesn't update according to the new content. Thoughts?