Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Dear mr,

I have purchased iFrame pro a few days ago especially for auto-resize and the auto-zoom functionality.
Everything seems to work except these two functions.

Look at page http://www.mitcon.cw/index.php/extravestiging-login/ where the contents of the iFrame are too long to fit.

This page contains an iFrame with th shortcode as stated below and should be resized to its contents height as I could find in the dox and sample pages. I have added the delay to see if that worked, but unfortunately it did not.

[advanced_iframe securitykey="mycode" use_shortcode_attributes_only="true" src="http://webshopwp.mitcon.cw/SignOn.aspx" width="100%" height="600" scrolling="no" id="EVWebshop" name="EVWebshop" onload_resize="true" onload_resize_delay="500"]

Somehow the height of the iFrame stays 600 and is not resized to the contents of the iFrame.
Any clue what is going wrong and what I can do/try to get the auto-height working?

Next to this, when adding 'auto_zoom="same"' to the shortcode, the page is shown and then immediately erased. I guess it seems that javascript cannot determine the exact height or width of the content of the iFrame and resizes to 0...

Using Chrome BTW...

Hope you can help me, regards, Marc Verkade

_________________
Greetings from sunny Curaçao!

Hi,

The solution is simple:
http://www.mitcon.cw/index.php/extravestiging-login/
and
http://webshopwp.mitcon.cw/SignOn.aspx

are different domains for the browser! The sub domains also have to match.
Also see the new quickstart guide video tutorial .
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-video-tutorials

You need to use the external workaound to get the features you want to have.

Best, Michael

Hey Michael,

I was struggling with iFrame Cookies too and domains.
So I guess I missed the part 'sub' of the word 'subdomains' for iFrames resizing.
I changed IIS so the webshop is available at www.mitcon.cw/webshop and it works great now!!!
Major thanx for this good support!

[advanced_iframe securitykey="mycode" use_shortcode_attributes_only="true" src="http://www.mitcon.cw/webshop/SignOn.aspx" width="100%" height="600" scrolling="no" id="EVWebshop" name="EVWebshop" auto_zoom="same" onload_resize="true" onload_resize_delay="100" enable_responsive_iframe="true" ]

Regards, Marc

_________________
Greetings from sunny Curaçao!

.

Hai Michael,

I have two last questions... Sorry to bother you...

1 I want to set the minimum height of an iFrame to 600px. So even when the content height of the iFrame is less, it should take 600px as height.
I have adjusted the function aiGetIframeHeight(obj) in ai.js which works. But... Is this the right place and way to do this?



2 I want to resize the contents of the iFrame only when the site is running on an iPad/tablet or mobile phone. So only resize the contents when the canvas comes below a certain treshold (like 800px, but not when the site is running in a browser and the width of the browser > 800px. I have been struggling with this and try to make some adjustments in ai.js but for now no luck. I have looked in the forum but could nog find an answer on this. Perhaps you can point me in the right direction?

Thanx in advance for your effort and energy!
Regards, Marc

_________________
Greetings from sunny Curaçao!

1. is fine. But try adding a min-height to the iframe. Because than you can do this without changing any code.
2. Use the browser detection to generate different iframes depending on the device. On my todo list is to generate different iframes depending on the iframe width. But this will be a feature of 6.5 and I'm not even sure how to solve this .

Best, Michael