Iemand ervaring met het (overigens geweldige) JQuery fancybox script?
Zie http://www.fancybox.net/

Ik zoek me een bult (in het js file? )naar een manier om de hoogte en de breedte van de "popup" aan te passen. Krijg het niet voormekaar tot nog toe. Iemand die mij kan vertellen waar het zit?

Fancybox zorgt ervoor dat je foto automatisch binnen het scherm past. Dus hoezo aanpassen?

Anders vanaf ~regel 284

Code:

		
fancybox_draw = function(pos) {
var width= Math.round(start_pos.width	+ (final_pos.width	- start_pos.width)* pos),
height= Math.round(start_pos.height	+ (final_pos.height- start_pos.height)* pos),

top	= Math.round(start_pos.top	+ (final_pos.top	- start_pos.top)	* pos),
left	= Math.round(start_pos.left	+ (final_pos.left	- start_pos.left)	* pos);

wrap.css({
	'width'	: width	+ 'px',
	'height'	: height	+ 'px',
	'top'		: top		+ 'px',
	'left'		: left		+ 'px'
});

width	= Math.max(width - currentOpts.padding * 2, 0);
height= Math.max(height - (currentOpts.padding * 2 + (titleh * pos)), 0);

inner.css({
  'width': width	+ 'px',
  'height': height	+ 'px'
});

Maar ik zou fancybox jQuery gedeelte laten voor wat het is en proberen een

max-width / max-height in te brengen met CSS.

Deze kun je meegeven als setting. De breedte/hoogte veranderd alleen als je het type op iframe zet, waarom hij het niet met het standaard type (image) doet weet ik niet.

Code:

$('a#image').fancybox({
    'width': 640,
    'height': 480,
    'type': 'iframe'
});

Origineel gepost door Fabien Tesselaar

Fancybox zorgt ervoor dat je foto automatisch binnen het scherm past. Dus hoezo aanpassen?

Anders vanaf ~regel 284

Code:

        
fancybox_draw = function(pos) {
var width= Math.round(start_pos.width    + (final_pos.width    - start_pos.width)* pos),
height= Math.round(start_pos.height    + (final_pos.height- start_pos.height)* pos),

top    = Math.round(start_pos.top    + (final_pos.top    - start_pos.top)    * pos),
left    = Math.round(start_pos.left    + (final_pos.left    - start_pos.left)    * pos);

wrap.css({
    'width'    : width    + 'px',
    'height'    : height    + 'px',
    'top'        : top        + 'px',
    'left'        : left        + 'px'
});

width    = Math.max(width - currentOpts.padding * 2, 0);
height= Math.max(height - (currentOpts.padding * 2 + (titleh * pos)), 0);

inner.css({
  'width': width    + 'px',
  'height': height    + 'px'
});

Maar ik zou fancybox jQuery gedeelte laten voor wat het is en proberen een

max-width / max-height in te brengen met CSS.

Ja precies jquery gedeelte daar ga ik me niet aan wagen. ;-)

En waarom ik het aan wil passen? ................. omdat mijn klant een foto van 800x600 in de popup wil.

Ga het nu eens proberen met de iframe optie. Kijken of ie het dan wel wil doen