Ouvrez le ficher "Votre_tour.html" généré par panotour.
Les données à récupérer sont les balises <style>, <link> et <script> et la div nommée "panoDIV"
Voici un exemple d'intégration dans une page web (les liens vers les fichiers et répertoires sont à changer en fonction de votre arborescence) :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My Project</title>
<meta name="description" content="Virtual Tour generated by Panotour" />
<!-- Virtual tour generated by Panotour Pro V2.0.0 Beta 3 64bits " -->
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<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; }
div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
div#tourDIV {
height:100%;
position:relative;
overflow:hidden;
}
div#panoDIV {
height:100%;
position:relative;
overflow:hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>
<link href="MY_PROJECT/lib/ui-lightness/jquery-ui-1.9.1.custom.min.css" rel="stylesheet" type="text/css"/>
<script src="MY_PROJECT/lib/jquery-1.8.2.min.js"></script>
<script src="MY_PROJECT/lib/jquery-ui-1.9.1.custom.min.js"></script>
<script src="MY_PROJECT/lib/jquery.ui.touch-punch.js"></script>
<script src="MY_PROJECT/lib/Kolor/KolorTools.min.js"></script>
<script src="MY_PROJECT/graphics/KolorBootstrap.js"></script>
AUTRES SCRIPTS ICI
</head>
<body>
VOTRE CONTENU DE PAGE AVANT LE TOUR
<div id="container">
<div id="tourDIV">
<div id="panoDIV">
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="openAtStartdata/openAtStart">
<param name="movie" value="MY_PROJECT/MY_PROJECT.swf"/>
<param name="allowFullScreen" value="true"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="openAtStartdata/openAtStart.swf" width="100%" height="100%">
<param name="movie" value="MY_PROJECT/MY_PROJECT.swf"/>
<param name="allowFullScreen" value="true"/>
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</noscript>
</div>
<div id="mapcontainer">
<div id="mapDIV"></div>
</div>
<script src="MY_PROJECT/MY_PROJECT.js"></script>
<script>
embedpano({swf:"MY_PROJECT/MY_PROJECT.swf"
,target:"panoDIV"
,passQueryParameters:true
,wmode:"opaque"
});
</script>
</div>
</div>
VOTRE CONTENU DE PAGE APRES LE TOUR
</body>
</html>
Login
Register
FAQ
Search
