[Plugin: Easy FancyBox] Multiple sizes of iframes / swfs in one page solution!

  • Resolved Elron

    (@elron)


    12 years, 5 months ago

    Hi,
    I found a simple fix of how to place multiple iframes / swfs with diffrent sizes on the same page.
    just wrap the .fancybox(…) function with an .each() function. example:

    The (wrong) way that used in Easy FancyBox 1.3.4.9

    /* SWF */
$('a.fancybox-swf, area.fancybox-swf').fancybox(
	$.extend(
		{},
		fb_opts,
		{
			'type' : 'swf',
			'width' : 200,
			'height' : 200,
			'padding' : 0,
			'autoScale' : false,
			'titleShow' : false,
			'titlePosition' : 'float',
			'titleFromAlt' : false,
			'swf' : {
				'wmode':'opaque',
				'allowfullscreen':true
			}
		}
	)
);

    The Fix (notice the new .each() function):

    $('a.fancybox-swf, area.fancybox-swf').each(function() {
	$(this).fancybox(
		$.extend(
			{},
			fb_opts,
			{
				'type' : 'swf',
				'width' : 200,
				'height' : 200,
				'padding' : 0,
				'autoScale' : false,
				'titleShow' : false,
				'titlePosition' : 'float',
				'titleFromAlt' : false,
				'swf' : {
					'wmode':'opaque',
					'allowfullscreen':true
				}
			}
		)
	);
});

    The same could be fixed with any type of fancybox. (iframe, swf, youtube…)

    I hope you will add this fix in the next version.
    Thanks alot!

    https://www.ads-software.com/extend/plugins/easy-fancybox/

Viewing 15 replies - 16 through 30 (of 30 total)

  • Hi RavenH,

    I have created a page that has 2 swf linked files and this can be found:

    https://www.cogencymedia.co.uk/DesignDevelopmentMarketing/index.php/swf-test-page/

    Thanks again for all your help as it really is very much appreciated.

    DazFaz

    i tried to use this plugin, but the same effect of dimension problem happened to me.
    I use both versions. After reinstal to v.1.3.4.10 it seem to ignore dimensions i put in page code. In v.1.3.4.9 was including only first dimensions in well known problem. ?? I see there v.1.3.4.10 isn’t yet official

    Hi Ber66,

    I have given up trying to use either version for the time being and just embedded the swf objects into the page. Not the best solution but at least visitors to my site can actually see something.

    And just as a foot note, I noticed at the top of the post its states [resolved] but it hasn’t been for me. But Im sure the guys who created the plugin will come up with a solution soon enough.

    I hoping for that too, cos there’s no much of a choice. I’m directly looking for simple plugin or way to play a lot of size-different swf’s in some kind of lightbox. And i can’t find nothing like that ??

    Hi dazfaz, could you put that test page back up again? I have offline for a while so I missed the opportunity to take a look at it… Thanks!

    Hi RavenH,

    This has now been put back online as requested.
    https://www.cogencymedia.co.uk/DesignDevelopmentMarketing/index.php/swf-test-page/

    Thanks for all your help with this. For the time being I have embedded the swf files into an actual page on my main site, until a solution can be found.

    Thanks

    You have class="fancybox swf{width:120,height:300}" but you need to have class="fancybox-swf {width:120,height:300}" (notice the hyphen in fancybox-swf and the space before the first curly)

    Oh, and please clear .SWF and .ASP from the auto-detection field under the Images section because that is strictly for images!

    Hi RavenH,

    Thanks for the pointers and I have updated the page inline with your tips. The problem now is, well, take a look for yourself.

    Thanks

    You’re still not doing it right:

    (notice the hyphen in fancybox-swf and the space before the first curly)

    So use

    fancybox-swf {width:120,height:300}

    instead of

    fancybox-swf{width:120,height:300}

    Do you see the difference?

    Hi RavanH,

    Yep, I can see the difference and I have updated the page accordingly.

    At least now the swf files are appearing in the overlay but Im still having the sizing issue.

    Thanks

    Yes, the current stable version has a know issue with the metadata extension. All instances of the same media type will take the size of the first one that has metadata set. In your case this means the second one that has {width:300,height:120} still uses the size of the first one which has {width:120,height:300}.

    This is fixed in the development version which has not been marked stable yet but should work none the less. Get it from https://www.ads-software.com/extend/plugins/easy-fancybox/developers/ (download zip, unpack and upload via FTP) but you’ll have to disable the fancybox2 plugin that you are running alongside there. The two cannot live together.

    Hi RavenH,

    I have disabled the Fancybox2 plugin but I am already running Version 1.3.4.9 which I believe is the link you supplied. Still a resizing issue Im afraid.

    Thanks

    Follow the link and find on that page the Development version. Then:

    (download zip, unpack and upload via FTP)

    and you will be running version 1.3.4.10devX which has lots of new options plus a fix for your size issue.

Viewing 15 replies - 16 through 30 (of 30 total)
  • The topic ‘[Plugin: Easy FancyBox] Multiple sizes of iframes / swfs in one page solution!’ is closed to new replies.