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

Get help for TinyWebGallery, the best image gallery. The forum is also home for the Joomla JFUploader, TWG Flash Uploader and the Wordpress flash uploader.
It is currently 15. Dec 2018, 16:46

All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 19 posts ]  Go to page 1, 2  Next
Author Message
PostPosted: 27. Feb 2018, 01:03 
Offline

Joined: 27. Feb 2018, 00:10
Posts: 10
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


Attachments:
File comment: 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).
03. iframe resizes properly past that point.png
03. iframe resizes properly past that point.png [ 93.17 KiB | Viewed 234 times ]
File comment: On the second screenshot, I noticed a large increase in height when you first begin to resize the browser.
02. iframe jumps in height once you begin to resize browser.png
02. iframe jumps in height once you begin to resize browser.png [ 247.54 KiB | Viewed 234 times ]
File comment: On the first screenshot, you can see the iframe (the bottle) at the correct proportions when the page loads.
01. Page loads at full browser size - iframe is at correct size.png
01. Page loads at full browser size - iframe is at correct size.png [ 251.78 KiB | Viewed 234 times ]
Top
 Profile  
 
PostPosted: 27. Feb 2018, 01:05 
Offline

Joined: 27. Feb 2018, 00:10
Posts: 10
Sorry, I din not notice the order the screenshots were placed. Please refer to the numbers to know which is first (01, 02, 03)


Top
 Profile  
 
PostPosted: 27. Feb 2018, 08:26 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10955
Which version do you use?


Top
 Profile  
 
PostPosted: 27. Feb 2018, 10:47 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10955
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


Top
 Profile  
 
PostPosted: 27. Feb 2018, 22:52 
Offline

Joined: 27. Feb 2018, 00:10
Posts: 10
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


Top
 Profile  
 
PostPosted: 27. Feb 2018, 23:12 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10955
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


Top
 Profile  
 
PostPosted: 28. Feb 2018, 01:21 
Offline

Joined: 27. Feb 2018, 00:10
Posts: 10
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


Top
 Profile  
 
PostPosted: 28. Feb 2018, 09:55 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10955
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


Top
 Profile  
 
PostPosted: 28. Feb 2018, 16:06 
Offline

Joined: 27. Feb 2018, 00:10
Posts: 10
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


Top
 Profile  
 
PostPosted: 28. Feb 2018, 17:29 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10955
I'm in Germany and can check tonight. Means between 21 and 24 German time.

Best, Michael


Top
 Profile  
 
PostPosted: 28. Feb 2018, 17:41 
Offline

Joined: 27. Feb 2018, 00:10
Posts: 10
Ok, thank you.


Top
 Profile  
 
PostPosted: 28. Feb 2018, 22:22 
Offline

Joined: 27. Feb 2018, 00:10
Posts: 10
It is good to go


Top
 Profile  
 
PostPosted: 1. Mar 2018, 13:18 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10955
sorry. I missed it. we can try tonight again.


Top
 Profile  
 
PostPosted: 1. Mar 2018, 16:16 
Offline

Joined: 27. Feb 2018, 00:10
Posts: 10
Sure, same time?


Top
 Profile  
 
PostPosted: 1. Mar 2018, 17:44 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10955
yes.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 19 posts ]  Go to page 1, 2  Next

All times are UTC + 1 hour [ DST ]


Who is online

Users browsing this forum: Google [Bot] and 6 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
powered by phpbb | Datenschutz/ Privacy policy