Fancybox width not applying

javascript fancybox
Webnet picture Webnet · Feb 12, 2011 · Viewed 31.9k times · Source

Using the following JS the width isn't being adjusted. It doesn't get adjusted when I use '750' or '750px'

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

I've posted on the fancybox forums about this and haven't gotten a response

Answer

Felix Kling picture Felix Kling · Feb 13, 2011

You probably have to set autoSize to false:

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

About width from the documentation:

Width for content types 'iframe' and 'swf'. Also set for inline content if 'autoDimensions' is set to 'false'

Related questions

close fancy box from function from within open 'fancybox'

Hi all i want to be able to close fancyBox when it is open from within. I have tried the following but to no avail: function closeFancyBox(html){ var re = /.*Element insert complete!.*/gi; if( html.search( re ) == 0 ){ $.fancybox.close(); //…

Read More
Open fancybox from function

I am trying to open a fancybox from a function I have - in short my HTML code looks like this; <a href="#modalMine" onclick="myfunction(this); return false;"> click </a> and a part of my …

Read More
Show a div with Fancybox

On the click of a button, I'm trying to show a simple hidden div in a fancy box. This is the code that works: $("#btnForm").fancybox({ content: $("#divForm").html() }); But from what I've read, this doesn't seem to be the …

Read More