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

Michael,

Thank you for the great plugin, I am using the Pro version. The iframes I use on my WordPress website were previously not acting responsively but after the last update, it was improved and it now resizes the height of the iframe as you resize the browser.

But I am receiving an error:


Uncaught ReferenceError: aiResizeIframeRatio is not defined
at HTMLIFrameElement.onload (VM230:1009)

(function(event){;aiResizeIframeRatio(this, "1.5625");
})


On the first screenshot, you can see the iframe (the bottle) at the correct proportions when the page loads. On the second screenshot, I noticed a large increase in height when you first begin to resize the browser. On the third screenshot, you can see it responsively reduces in size with the browser. But when the browser returns to its full size (I couldn't attach a 4th screenshot) the iframe remains at the scale seen when the iframe jumps in size (What you see in the 2nd screenshot). Am I having problems with the ai.js file? Please see the screenshots. Currently, we have our website https://fohbcvirtualmuseum.org in a coming soon mode, so please let me know if you need to take a closer look at it and when you will be able to. I would really appreciate it.

This is the short code I am using:
[advanced_iframe securitykey="....." use_shortcode_attributes_only="true" src="https://www.fohbcvirtualmuseum.org/spin-500/Ta%20Tsing%20Final%20spin%20500/iframe.html" id="advanced_iframe" name="spinner_iframe" height="1100" width="100%" allowfullscreen="true" enable_responsive_iframe="true" iframe_height_ratio="1.5625"]


Thank you for your time,
Miguel

Sorry, I din not notice the order the screenshots were placed. Please refer to the numbers to know which is first (01, 02, 03)

Which version do you use?

make sure you have updated to 7.5.4.

You are using the same setup like here?
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/responsive-videos?

What is the parent url?

Best, Michael

Michael,

Thanks for your response. Not sure how to answer the question about the parent URL but I should have mentioned the iframe URL is on the same domain, and the URL where you would find the bottle spinner I am trying to embed in the iframe is: https://www.fohbcvirtualmuseum.org/spin-500/Ta%20Tsing%20Final%20spin%20500/iframe.html

The URL where visitors will find the iframe on our website is: https://fohbcvirtualmuseum.org/galleries/bitters-gallery/ta-tsing-bitters-2/
I am using the latest version 7.5.4. Yes I am using a similar setup but the setting attributes I am not using are: hide_elements, content_id, content_styles, and those relating to lazy load. Are any of those important?
Also, on my short code, the iframe_height_ratio="1.5625"

Thank you,
Miguel

Parent is the page where the iframe is located - where I can see the error.

Seems https://fohbcvirtualmuseum.org/galleries/bitters-gallery/ta-tsing-bitters-2/ is not the one. There is no iframe

btw: https://fohbcvirtualmuseum.org/ and https://www.fohbcvirtualmuseum.org/ are not the same domain for the browser.

Best, Michael

Good catch, I had a duplicated page where I was running a few tests, so the correct URL where the spinner bottle is embedded in the iframe should be:
https://fohbcvirtualmuseum.org/galleries/bitters-gallery/ta-tsing-bitters/

On that page, you should be able to see the error (once I remove the Coming Soon Mode). And peviously, I did add the www to the source URL in the short code so I have removed it and it is now:
src="https://fohbcvirtualmuseum.org/spin-500/Ta%20Tsing%20Final%20spin%20500/iframe.html"


The error persists. Is there something else I'm missing?

Thank you,
Miguel

I can not access the page. So I don't see the error

aiResizeIframeRatio is in ai.js. So one error you be that this is not loaded because of a reason I don't know.
Also you can change in the options that the ai.js is loaded on the top. So maybe you need to change this because
aiResizeIframeRatio is called before ai.js is loaded...

But as I cannot see the page I cannot tell what is really the problem...

Best, Michael

I can remove the Coming Soon mode temporarily any time within the next 8 hours so you can access it. I'm not sure what time zone you are in but please let me know if you have any time to check it out before I do so. I'll be checking this forum regularly.

Thank you,
Miguel

I'm in Germany and can check tonight. Means between 21 and 24 German time.

Best, Michael

Ok, thank you.

It is good to go

sorry. I missed it. we can try tonight again.

Sure, same time?

yes.