MARKETPLACE
GoPro VR
AUTOPANO VIDEO
PANOTOUR
AUTOPANOdéposer mon diapo sur mon site web [RESOLU] - View the solution
6 posts
Page 1 of 1
déposer mon diapo sur mon site web
bonjour
j'ai récupérer le script pour pouvoir y déposer mon diaporama que j ai réaliser avec la version 2
mais j' ai 2 problèmes le premier c'est si je redimentione mon diapo la barre de navigation elle garde le meme aspect
2eme c'est que si je déclenche le fullscreen il ne veut pas prendre dit ont le mettre dans une balise spécifique
j'ai essayer dans une div pa et une div
merci de votre aide
j'ai récupérer le script pour pouvoir y déposer mon diaporama que j ai réaliser avec la version 2
mais j' ai 2 problèmes le premier c'est si je redimentione mon diapo la barre de navigation elle garde le meme aspect
2eme c'est que si je déclenche le fullscreen il ne veut pas prendre dit ont le mettre dans une balise spécifique
j'ai essayer dans une div pa et une div
merci de votre aide
Re: déposer mon diapo sur mon site web
le script etant<object width="100%" height="100%"> <embed src="http://WWW.MON-DOMAINE.COM/VISITE-VIRTUELLE/MA-VISITE.SWF" base="http://www.DEUXIEME-DOMAINE.COM/MA-VISITE-DATA/" width="100%" height="100%" allowFullScreen="true"> </embed> </object>
-
benji33 - Kolor Team
- Posts: 5306
- Likes: 43 posts
- Liked in: 148 posts
- Joined: Tue Apr 09, 2013 10:59 am
- Location: France
- Info
Re: déposer mon diapo sur mon site web
Le mieux est d'utiliser les scripts présents dans la page html gérée par Panotour.
Car en fonction du type de visite HTML5 ou Flash le script que vous désignez ne fonctionnera pas toujours.
L'idée des pages générées par Panotour est de mettre une balise <div> conteneur et de générer le contenu à l’intérieur avec une méthode javascript "embedpano".
Car en fonction du type de visite HTML5 ou Flash le script que vous désignez ne fonctionnera pas toujours.
L'idée des pages générées par Panotour est de mettre une balise <div> conteneur et de générer le contenu à l’intérieur avec une méthode javascript "embedpano".
Benjamin
http://www.kolor.com
http://www.kolor.com
-
benji33 - Kolor Team
- Posts: 5306
- Likes: 43 posts
- Liked in: 148 posts
- Joined: Tue Apr 09, 2013 10:59 am
- Location: France
- Info
Re: déposer mon diapo sur mon site web [RESOLU]
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) :
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) :
- Code: Select all
<!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>
Benjamin
http://www.kolor.com
http://www.kolor.com
6 posts
Page 1 of 1
Who is online
Users browsing this forum: No registered users and 0 guests