Let’s say you have this code:

$.fancybox({
	'autoScale'		: false,
	'transitionIn'	: 'none',
	'transitionOut'	: 'none',
	'width'		: '680',
	'height'		: '495'
		});

If you use Fancybox like this the width and height of the window will not be 680×495. Instead the window will have almost the size of the browser window. This is an often encountered problem.

The solution is to remove the quotes from the width and height. So this will look like:

$.fancybox({
	'autoScale'		: false,
	'transitionIn'	: 'none',
	'transitionOut'	: 'none',
	'width'		: 680,
	'height'		: 495
		});

It seems fancybox will accept only numbers when specifying dimensions in pixels. If you want to set the width and height using percents than you have to use strings, like this:

$.fancybox({
	'autoScale'		: false,
	'transitionIn'	: 'none',
	'transitionOut'	: 'none',
	'width'		: '50%',
	'height'		: '30%'
		});