Joomla! - AVFlashVR Documentation
Détail des fichiers
Pour ce deuxième exemple, nous avons ajouté "swfobject.js" et remplacé "pano.mov" par 6 images .jpg.

panofiles2

Les 6 images sont rassemblées dans le dossier "pano_cub", et elle correspondent à 6 faces d'un cube.

panofiles3

AVFlashVR avec SWFObject.js et pano.mov

Dans la page index.html de l'exemple 2, nous utilisons swfobject.js pour intégrer AVFlashVR.

Le code est chargé avec cette ligne: 

<script src="/swfobject.js" type="text/javascript"></script>

  

Voici le code minimum pour charger pano.mov

<script src="/swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
  var flashvars = {};
  var params = {allowScriptAccess: "always"};
  var attributes = {};
  swfobject.embedSWF("AVFlashVR.swf?panoImage=pano.mov", "mypano", "900", "450", "10.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>

AVFlashVR avec SWFObject.js et 6 images .jpg

Ci-dessous, le code est étendu pour passer les 6 images (cube faces) dans flashvars.

Cette fois, la variable panoImage contient l'url des 6 fichiers .jpg, séparés par une virgule (et sans retour a la ligne).  

<script src="/swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
  var flashvars = {
   panoImage: "pano_cub/019_0.jpg,pano_cub/019_1.jpg,pano_cub/019_2.jpg,pano_cub/
   019_3.jpg,pano_cub/019_4.jpg,pano_cub/019_5.jpg"
  };
  var params = {
   menu: "false",
   scale: "noScale",
   allowFullscreen: "true",
   allowScriptAccess: "always",
   bgcolor: "#000000"
  };
  var attributes = {
   id:"Panav"
  };
  swfobject.embedSWF("AVFlashVR.swf", "mypano", "900", "450", "10.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>

intro-btn1 intro-btn2 intro-btn3
Votre panier - Téléchargements

Votre liste de téléchargement est vide.
Banner 728x90 photo