iframe issue

Q&A about the latest versions
Post Reply
zoomhome
Posts: 88
Joined: Wed Sep 24, 2008 9:40 pm

Thu Nov 08, 2012 10:42 pm

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
Howard
Posts: 173
Joined: Wed Jun 03, 2009 5:58 am

Fri Nov 30, 2012 9:18 pm

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
User avatar
Sam Rohn
Posts: 29
Joined: Fri Sep 28, 2007 7:50 am
Location: New York City
Contact:

Sat Dec 01, 2012 5:52 am

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
Last edited by Sam Rohn on Sun Dec 02, 2012 10:51 am, edited 2 times in total.
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: http://www.panopress.org
Howard
Posts: 173
Joined: Wed Jun 03, 2009 5:58 am

Sat Dec 01, 2012 5:07 pm

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
zoomhome
Posts: 88
Joined: Wed Sep 24, 2008 9:40 pm

Sat Dec 01, 2012 6:29 pm

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
User avatar
Hopki
Gnome
Posts: 10348
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Sat Dec 01, 2012 7:14 pm

Hi,
Just to add, I have seen this on other websites with iFrames on my iPad.
Regards,
Hopki
Hopki
Garden Gnome Software Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
Sam Rohn
Posts: 29
Joined: Fri Sep 28, 2007 7:50 am
Location: New York City
Contact:

Sun Dec 02, 2012 8:56 am

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
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: http://www.panopress.org
User avatar
Sam Rohn
Posts: 29
Joined: Fri Sep 28, 2007 7:50 am
Location: New York City
Contact:

Sun Dec 02, 2012 10:35 am

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
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: http://www.panopress.org
Howard
Posts: 173
Joined: Wed Jun 03, 2009 5:58 am

Sun Dec 02, 2012 5:14 pm

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. :)
Howard
Posts: 173
Joined: Wed Jun 03, 2009 5:58 am

Sun Dec 02, 2012 5:40 pm

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
User avatar
Sam Rohn
Posts: 29
Joined: Fri Sep 28, 2007 7:50 am
Location: New York City
Contact:

Sun Dec 02, 2012 6:11 pm

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
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: http://www.panopress.org
fudja
Posts: 12
Joined: Tue Apr 03, 2012 12:51 pm

Tue May 17, 2016 6:58 pm

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
Post Reply