Page 1 of 1

iframe issue

Posted: Thu Nov 08, 2012 10:42 pm
by zoomhome
I have a strange thing happening on the ipads with images in an iframe. I am making some homes for sale demos and when I look at the 360 images they seem to "grow". The frame's are set for a specific size not a % of the page but when looking at them with any i device they just keep getting larger. Any idea why? doesn't seem to happen on my PC either in IE or Firefox or chrome so could it be a safari issue since once the 360 opens I just sit there and watch and they seem to grow taller.

Also a second question is on a PC I can have the scrolling thumbnail work fine on the sample 1 demo (there are 13) yet on an ipad they react differently and I can't see all of them. Seems the movement is off some and works totally differently then the PC.

http://www.zoomhome.com/sample1
http://www.zoomhome.com/sample2

Russ Addie - Zoomhome

Re: iframe issue

Posted: Fri Nov 30, 2012 9:18 pm
by Howard
Hello,

Did you ever find out why the VR in iOS was demonstrating the bizarre "growing" effect?
I've found the same thing happening (only on iOS) with my experimental page:

http://www.voicesfromthedawn.com/skelli ... l-vr-test/

The "growing" VR does not happen each time the page loads, but it does so intermittently.

Thanks,

Howard

Re: iframe issue

Posted: Sat Dec 01, 2012 5:52 am
by Sam Rohn
just checked howard's link on my iphone and saw the reported behavior, the pano keeps expanding vertically but never loads past 0%

since your site is built with wordpress you can use PanoPress to embed your pano, this will clear up your problem

use the PanoPress shortcode like this in your post -

Code: Select all

[pano file="http://www.voicesfromthedawn.com/wp-content/sites/skellig/combined/index.html" width="400" height="267"]
you can also wrap the shortcode in a div to make it float left & caption, etc

you can install PanoPress through the wordpress plugin admin, just search for PanoPress under Plugins > Add New in your sites admin menu

see the PanoPress site for complete instructions, forums, etc

http://www.panopress.org

sam

Re: iframe issue

Posted: Sat Dec 01, 2012 5:07 pm
by Howard
Hello Sam,

I installed PanoPress on another site which uses the same WP Theme, but could not get it to work, even after deactivating all other plug-ins:
http://allaroundreno.com/genoa-cemetery-test/

shortcode used:
[pano file=”http://www.allaroundreno.com/wp-content ... metery.swf”]

So, unfortunately, I'm guessing that PanoPress won't work on Voices from the Dawn either.

Any thoughts?

Thanks,
Howard

Re: iframe issue

Posted: Sat Dec 01, 2012 6:29 pm
by zoomhome
Since I started the question I wanted to jump back in. I used go-live to build mine which had the original problem. I had emailed with hopki about something else and he mentioned that they had looked into that before and believe that it's something with the mobile safari browser and html5 I think.

Russ Addie
Zoomhome

Re: iframe issue

Posted: Sat Dec 01, 2012 7:14 pm
by Hopki
Hi,
Just to add, I have seen this on other websites with iFrames on my iPad.
Regards,
Hopki

Re: iframe issue

Posted: Sun Dec 02, 2012 8:56 am
by Sam Rohn
Howard wrote:Hello Sam,

I installed PanoPress on another site which uses the same WP Theme, but could not get it to work, even after deactivating all other plug-ins:
http://allaroundreno.com/genoa-cemetery-test/

shortcode used:
[pano file=”http://www.allaroundreno.com/wp-content ... metery.swf”]

So, unfortunately, I'm guessing that PanoPress won't work on Voices from the Dawn either.

Any thoughts?

Thanks,
Howard
it seems there is a typo in your PanoPress shortcode, it is using the wrong quote symbol, [“ ”] curly quotes vs [" "] straight quotes

curly quotes - bad

Code: Select all

[pano file=”http://www.allaroundreno.com/wp-content/vr/genoa/cemetery/cemetery.swf”]
straight quotes - good

Code: Select all

[pano file="http://www.allaroundreno.com/wp-content/vr/genoa/cemetery/cemetery.swf"]
replacing the curly quotes with the proper straight quotes in the shortcode you posted worked fine in my tests, try it on your site and it should work as shown

note that some wp themes or plugins may convert straight quotes to curly quotes automatically, these would probably need to be disabled

also try using the wordpress html post editor tab and not the visual editor tab if your theme is auto converting quote marks

thanks for bringing this up, i've added a note to the PanoPress FAQ re: proper quote marks in shortcode

http://www.panopress.org/forums/topic/p ... q-read-me/

sam

Re: iframe issue

Posted: Sun Dec 02, 2012 10:35 am
by Sam Rohn
for those not using PanoPress, this page seems to offer an explanation of what is happening with iframes in iOS, including tech details and possible solutions, etc

http://dev.magnolia-cms.com/blog/2012/0 ... d-problem/
The current behaviour is that an iframe width is as you specify it in your code, but the iframe expands vertically to display the full document which it contains.
this would seem to imply that the iframe is expanding vertically to the the pano window pixel height set in pano2vr export settings, so creating a pano the same size as your iframe might serve as a workaround for now

sam

Re: iframe issue

Posted: Sun Dec 02, 2012 5:14 pm
by Howard
Hi Sam,

Thanks for noting the "curly quotes" issue. I'll try again w/PanoPress later today. Just FYI, I think that I copied and pasted the shortcode right from your website. :)

Re: iframe issue

Posted: Sun Dec 02, 2012 5:40 pm
by Howard
I've fixed the "curly quotes" and now PanoPress does its thing:

http://allaroundreno.com/genoa-cemetery-test/

I'm going to spend some time looking at this solution in depth. Thank you, Sam!

Howard

Re: iframe issue

Posted: Sun Dec 02, 2012 6:11 pm
by Sam Rohn
Howard wrote:Hi Sam,

Thanks for noting the "curly quotes" issue. I'll try again w/PanoPress later today. Just FYI, I think that I copied and pasted the shortcode right from your website. :)
you may be right, i found a couple curly quotes on the panopress site after seeing your post, now fixed :)

sam

Re: iframe issue

Posted: Tue May 17, 2016 6:58 pm
by fudja
hi, is there any newest sollution except for using wp. i have the same problem of expanding pano on iphone, other devices seems to display it fine. thanks