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
insert html code for Adobe Muse
Hi Nick,mrt wrote:I am trying to insert the following content as a full-screen 360 into a page I am creating in Adobe Muse:
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>
Give it a try and see how you get on.
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/