Comments on: Set a Dynamic Width / Height on Fancybox

By: satya

satya — Mon, 05 Dec 2011 06:15:12 +0000

Thanks a lot for this!
great work for me right now..

By: hose

hose — Sat, 12 Nov 2011 09:12:40 +0000

Thanks a lot for this!
great solution for me right now..

By: Rob Kay

Rob Kay — Fri, 24 Jun 2011 19:26:32 +0000

Just used the simple non-flash version on a site. Brilliant idea using parameters for the height/width! Thanx a lot:-)

Also, if you set the ‘autoScale’ to ‘true’ then it’ll make the window the size you want on a big screen but shrink to within window bounds on a small one which is handy.

Rob

By: Tarpit Grover

Tarpit Grover — Tue, 29 Mar 2011 15:43:29 +0000

Many Thanks Mate.

By: Jake

Jake — Mon, 07 Mar 2011 09:27:25 +0000

This code just saved my butt. What a great idea just adding the parameters to the URL. And to think I was going to add two columns to my MySQL database to store the parameters!

Thanks again!

By: John Garland

John Garland — Thu, 30 Dec 2010 18:46:08 +0000

I added the following code incase the height and width were not specified. I’m sure it could be cleaner. O well.

if($(this).attr(’href’).match(/width=[0-9]+/i))
{
var dWidth = parseInt($(this).attr(’href’).match(/width=[0-9]+/i)[0].replace(’width=’,”));
}
else
{
var dWidth=$(window).width();
}
if($(this).attr(’href’).match(/height=[0-9]+/i)){
var dHeight = parseInt($(this).attr(’href’).match(/height=[0-9]+/i)[0].replace(’height=’,”));
}
else
{
var dWidth=$(window).width();
}

By: Daily Digest November 20th

Daily Digest November 20th — Sat, 20 Nov 2010 19:27:32 +0000

[...] Shared Set a Dynamic Width / Height on Fancybox « Dark Crimson Blog. [...]

By: dloop

dloop — Sun, 12 Sep 2010 22:02:40 +0000

i too cannot get the iframe dynamic height to work, using your exact code. how about an example to show that it actually works?

By: Ben Lister

Ben Lister — Thu, 12 Aug 2010 03:36:38 +0000

The code should be applied in the same spot you are applying the call to fancybox. Many people have this in a different JS file that contains other actions but it could be placed directly on your HTML page as well. If you are still stuck, I would suggest getting it to work with the methods described in fancybox's documentation and then try to add the dynamic functionality.

By: Boris

Boris — Wed, 21 Jul 2010 18:37:10 +0000

i added the above mentioned iFrame-code to my site but it doesn´t work. Fancybox just opens the link in a new window…

do i add the code to the index.html or to the fancybox javascript?