 |
|
|
|
|
|
 |
| ||||||||
 |
 
|
|
|
|
|
|
|
|
|
| ||||||||
|
|
| 
| User list | Rules | You are not logged in.
Hi,
I've just downloaded Panotour Pro and produced my first virtual tour with it. I'm having issues with the code to embed it onto my website though, can anyone help with my problem?
Here is my tour which I believe I've copied the code correctly for - http://www.peterstephens.co.uk/virtual_ … r-test.php
I have lost the scroll for the page and it is all off centre now, should be in the centre of the page rather than to the left. The tour is running on my desktop computer and iPad.
If I remove the code:
<style type="text/css">
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; overflow:hidden; }
#container { height: 100%; min-height: 100%; width: 90%; margin: 0 auto; }
</style>
the flash tour works fine, but the html5 doesn't. http://www.peterstephens.co.uk/virtual_ … l-tour.php
If I play around with any part of the above code it prevents the html5 tour from running.
The code that Panotour Pro created works fine on it's own - http://www.peterstephens.co.uk/virtual_ … ltour.html so it is obviously something I'm doing wrong. I don't know a huge amount about code, no doubt this is something simple.
Any help would be greatly appreciated !
Thank you :-)
Peter
Offline
Hi Peter... Try this....Copy the head and replace yours from <style>. In the body copy and past this code and replace it for yours and change your swf and xml name and source to your own...
Destiny
>>>>>>>>>>>
<style>
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
a{ color:#FFFFFF; text-decoration:underline; }
</style>
</head>
<body>
<script src="swfobject/swfkrpano.js"></script>
<div id="pano" style="width:100%; height:100%;">
<div id="nohtml5" style="display:none;width:100%;height:100%;"><table style="width:100%;height:100%;"><tr><td><div style="text-align:center;">
<b>HTML5 - Browser not supported!</b><br/>
<br/>
</div></td></tr></table></div>
<noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br/><br/>Javascript not activated<br/><br/></center></td></tr></table></noscript>
<script>
var viewer = createPanoViewer({swf:"virtualtour.swf", xml:"virtualtour.xml", target:"pano", html5:"always", passQueryParameters:true});
if ( viewer.isHTML5possible() )
{
// embed the html5 viewer
viewer.embed();
}
else
{
// show 'no html5 support' message
document.getElementById("nohtml5").style.display = "";
}
</script>
</div>
Last edited by Destiny (2012-08-18 00:09:11)
Offline
Hi Destiny, thank you !!
I think I've copied your code right? http://www.peterstephens.co.uk/virtual_ … -test2.php still not working.
Pete
Offline
Hi Pete.. its working here fine.. you might need to empty your Cache to view it....
Destiny....
Offline
... PS.. I also added code for "Error" if the Javascript is not activated... and 'no html5 support' message....
Destiny...
Offline
The only browser I can get the flash image to work in is Safari, though the scroll doesn't work. Not a cache issue
Offline
