Plugin Panoramas 360°

Visites virtuelles

Une solution 100% libre pour faire défiler les panoramas

Ce plugin fait suite à la contribution Insérer des panoramas 360° dans vos articles, qui proposait une solution plus compliquée à mettre en oeuvre, et basée sur les filtres.

La nouvelle version en plugin est très simple à installer.

Description

Ce plugin s’applique sur les documents et images insérées dans le texte de vos articles, rubriques ou brèves, pour lesquels vous avez précisé une classe spécifique : la classe « panorama ».

Exemples :
-  <emb1|panorama>
-  <img1|panorama>

L’ensemble des traitements est réalisé en php et javascript sans nécessiter l’installation d’un plugin (flash, java, Quicktime..) pour le visiteur.

Aucune modification des squelettes n’est nécessaire.

Plusieurs panoramas peuvent être affichés sur la même page.

Démonstration

voir en ligne

Options


-  boucler=0 ou boucler=non : cette option vous permet de préciser qu’il ne s’agit pas d’un panorama type 360° et qu’il faut s’arrêter aux extrémités de l’image. Exemple : <img32|panorama|boucler=0>.

-  largeur=XXX : cette option vous permet de préciser la largeur (en pixels) de la fenêtre de visualisation pour que le panorama s’adapte à votre squelette. Exemple : <img32|panorama|boucler=1|largeur=300>
Notez que par défaut, la largeur de la fenêtre de visualisation est 400px.

Installation


-  Récupérez le zip du plugin sur spip-zone
-  Copiez le répertoire panoramas dans votre répertoire plugins.
-  Activez le plugin depuis l’espace privé
-  ajoutez des images panoramiques dans vos articles ou rubriques

Discussion

70 discussions

  • Comment faire pour agrandir la largeur du panorama-viewport, j’ai modifié la jquery.panorama.css mais cela n’a pas d’incidence sur la largeur d’affichage.
    D’autre part j’ai un problème d’affichage dans le backend avec Firefox : le div prend la largeur totale de l’image panoramique alors que seul la portion de l’image est affichée.

    Répondre à ce message

  • Je voudrai savoir comment on peut faire pour faire le bandeau défilant en bas du site d’exemple.

    Merci d’avance

    Répondre à ce message

  • Je rencontre exactement les mêmes problèmes que daniel :
    -  l’image s’affiche mais défilement impossible
    -  en bas de l’image

    <script type="text/javascript"> </script>

    Version 1.9.1 de spip
    le plugin jquery est installé

    Merci d’avance pour une réponse rapide ;-)

    Répondre à ce message

  • 2
    Jean-Marie

    Bonjour,

    Plugin vraiment sympatique, mais qui me pose un léger problème : depuis le backend, aucun problème la visualisation est correcte, par contre sur le site, l’image est floue et le panorama ne fonctionne pas. L’aperçu est visible ici : http://www.trebeurden.org/littoral/Panorama-de-Trebeurden.html Merci pour votre aide.

    • bonjour,

      vous n’avez pas d’appel à la librairie jQuery dans votre section <head>.

      je pense que c’est lié à l’absence de la balise insert_head dans votre squelette :

      [(#REM) Balise permettant aux plugins d'inserer des appels javascript ou css ]
      #INSERT_HEAD

      ++

      Arnault

    • Jean-Marie

      Merci pour l’indication !

    Répondre à ce message

  • 3
    daniel

    Trés interessant comme pluging ; pour un 360° de notre terrain d’aéromodélisme je l’ai installé ; téléchargé une image ; redigé un article et ...

    l’image (enfin une partie seulement) s’affiche avec les flèches de défilement mais personne ne bouge !!!
    sous l’image :

    <script type="text/javascript"> </script>

    J’ai installé SPIP 1.9.1 [7502] et BliP 2.3

    J’ai essayé avec une image d’un site cité en exemple : même résultat.
    Je suis plutôt néophyte dans la création de site web

    Un article précedent semble traiter du même problème sans réponse claire pour moi !!!!

    Pouvez vous m’aider ?

    • Arnault

      Salut,

      y a t’il des erreurs javascript sur la page ? (en général dans ce cas un icône s’affiche en bas du navigateur)

      il manque peut-être tout simplement jquery car c’est une version 1.9.1. Dans ce cas il faut installer le plugin jquery

      si ce n’est pas ça, peux-tu me donner un lien vers le site ?

      ++

    • daniel

      Bonjour,

      merci pour la réponse

      J’ai installé le pluging (2 versions en téléchargement ; j’ai testé avec les 2)

      Coté privé : l’image s’affiche mais ne défile toujours pas

      coté public : pas d’image : message : chargement en cours...

      pour le site : ici

    • bonjour,

      je vois 2 problèmes :

      -  il y a un filtre image_reduitre dans le squelette, qu’il faut enlever, car sinon SPIP redimentionne le panorama pour qu’il entre dans la page, et celui-ci n’a plus de raison de défiler. Il faut voir dans le squelette de blip, peut-être modifier le squelette pour que le filtre ne s’applique que si l’id de l’article est différent de 17.

      -  jquery n’est pas chargé, mais peut-être est-ce du aux derniers essais en cours ? sinon le mieux c’est encore de le télécharger sur http://www.jquery.com et de l’appeler dans inc-head.html

      a+

    Répondre à ce message

  • 1
    Antoine Lucas

    Dans votre exemple en ligne d’utilisation d’un Panoramas, il y a aussi une galerie défilante d’images cliquables qui fonctionne avec un effet Thickbox. Pouvez-vous donner les explications nécessaire pour mettre en œuvre cette galerie ?
    Merci
    Antoine

    • Arnault

      bonjour,

      c’est une utilisation de la librairie CMotion Image Gallery. Vous pouvez regarder le squelette : article.html vous verrez comment est réalisé l’appel.

      ++

    Répondre à ce message

  • 1

    Salut,

    Ce plugin est magnifique. Il a l’air de fonctionner super bien.

    Une question cependant : avec quel logiciel est-il possible de générer des images panoramiques sous Linux ?

    Répondre à ce message

  • 2

    J’ai un problème : le panorama marche mais il apparait beaucoup plus petit sur le squelette. Que puis-je faire ?

    • c’est probablement que vous avez un filtre image_reduire dans vos squelettes.

      Si c’est le cas, le mieux c’est de faire une réduction uniquement sur la hauteur, comme ça les image panoramiques ne seront pas touchées, par exemple :

      [(#TEXTE|image_reduire{0,300})]

      tenez moi au courant,

      a+

    • Bonjour Arnaud

      Merci de m’avoir répondu. Je suis désolé de ne pas avoir eu le temps de te répondre avant. Pour ta solution je ne sais pas exactement ce que je dois en faire. Dans mon article il y a écrit img3|panorama|boucler=0|largeur=300|
      Qu’est-ce que je dois rajouter ? Et où ?
      Merci d’avance.

    Répondre à ce message

  • Bonjour,

    Je suis plutôt novice pour l’utilisation de SPIP ... mais cela me passionne ...
    L’installation de ce plugin semble assez simple :
    -  installer le plugin dans le répertoire
    -  ajouter une image dans un article ...
    ...
    Ce que je ne comprends pas bien c’est où déclarer la « class » panorama" et y a t-il un paramétrage particulier pour ajouter un panorama dans un article ?
    D’avance merci pour votre réponse.

    Répondre à ce message

  • 3

    Bonjour, j’ai réussi à installer ce plugin (pas trop difficile vous me direz) mais impossible de le faire marcher !

    Dans ma page frnt office j’obtien :

    « 

    l’image qui ne défile pas

    <script type="text/javascript"> </script>

    —> »

    Cela viens de quoi ?

    Merci

    • bonjour, c’est bizarre en effet

      vous avez un lien que je regarde ?

      ++

    • j’ai corrigé un pb dans le plugin, ce n’est peut être pas lié, mais pouvez vous essayer avec la nouvelle version ?

    • Bonjour en fait c’est réglé. J’ai adapter le code du plugin à mon propre code (donc il n’est plus à l’etat de plugin lol) car en l’integrant directement dans ma page il fonctionnait correctement. Maintenant il est possible pour moi d’utiliser le panorama dans une bocule DOCUMENTS, ce qui est confortable. Je peux te donner des explications sur la méthode utilisée si tu le souhaite.

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom