déposer mon diapo sur mon site web  

no avatar
amsellem
Member
 
Posts: 28
Joined: Fri Aug 09, 2013 1:43 pm

déposer mon diapo sur mon site web

by amsellem » Mon Nov 04, 2013 9:46 am

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

no avatar
amsellem
Member
 
Posts: 28
Joined: Fri Aug 09, 2013 1:43 pm

Re: déposer mon diapo sur mon site web

by amsellem » Mon Nov 04, 2013 9:47 am

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>

User avatar
benji33
Kolor Team
 
Posts: 3043
Joined: Tue Apr 09, 2013 10:59 am
Location: France

Re: déposer mon diapo sur mon site web

by benji33 » Mon Nov 04, 2013 12:49 pm

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".

no avatar
amsellem
Member
 
Posts: 28
Joined: Fri Aug 09, 2013 1:43 pm

Re: déposer mon diapo sur mon site web

by amsellem » Mon Nov 04, 2013 1:19 pm

pourriez vous me donner un example de script merci d'avance

User avatar
benji33
Kolor Team
 
Posts: 3043
Joined: Tue Apr 09, 2013 10:59 am
Location: France

Re: déposer mon diapo sur mon site web

by benji33 » Mon Nov 04, 2013 4:32 pm

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) :
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>

no avatar
amsellem
Member
 
Posts: 28
Joined: Fri Aug 09, 2013 1:43 pm

Re: déposer mon diapo sur mon site web

by amsellem » Mon Nov 04, 2013 6:24 pm

milles merci


Return to Utilisation Panotour / Panotour Pro

Who is online

Users browsing this forum: panovs, stillstonevisions and 1 guest