insert html code for Adobe Muse

Q&A about the latest versions
Post Reply
mrt
Posts: 56
Joined: Mon May 19, 2008 1:22 pm

Sat Jul 04, 2015 12:35 pm

Hello,

I am trying to insert the following content as a full-screen 360 into a page I am creating in Adobe Muse:http://www.visual360.co.uk/beamish/

I have copied all the code in the html file exported from pano2vr into the "insert html" box in muse, but it's just displaying in a very small window. You can see the result here: http://www.visual360.co.uk/new/index.html

Could someone please let me know where I am going wrong?

Thanks in advance,

Nick
User avatar
Tony
Posts: 888
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Wed Jul 15, 2015 1:41 am

mrt wrote:I am trying to insert the following content as a full-screen 360 into a page I am creating in Adobe Muse:
Hi Nick,

I've never used Muse before but I'm subscribed to CC so I installed a copy. I think I've found a solution to your problem but it involves adding a little code to the html page that Muse exports.

Here's a sample page I made up http://tonyredhead.photography/360/pano2vr/museexport

You need to add this code after the </script> tag and before the </head> tag..

Code: Select all

<style>
#u90 {height: 96%; min-height: 100px;}
#u90-bw {height: 100%; min-height: 100px;}
body { min-width: 100px;}
html,body {height: 100%; width: 100%; overflow:hidden; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0;}
iframe {height:101%;width:100%}
</style>
I've taken a look at it in Chrome and Firefox on the Mac and it seems to be working fine and I can click through on the hotspots to the other panoramas. I tested it on an iPad 2 Air and the initial page loads fine but the links seem to start zooming in when they open. Not sure what's going on there.

Give it a try and see how you get on.

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/
Post Reply