Plugin Panoramas 360°

Visites virtuelles

Publié le : 25 février 2007 – Dernière modification le 21 décembre 2021 – par Arnault Pachot – 177 commentaires

1
2
3
4
5
14 votes
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

5 ans 1 an 3 mois Sans limite
par date
Filtrer

70 discussions

  • 1
    Philippe

    Bonjour,

    Je voudrais utiliser ce plugin dans une fenêtre Thickbox pour pouvoir lancer le défilement du panorama dans une grande fenêtre en cliquant sur une vignette dans la page.

    J’ai modifié le fichier img_panorama.html (que l’on peut récupérer ici) et cela à fonctionné sans problème sous Firefox (A l’exception du « #TB_inline » qui était transformé en « inline » par SPIP. J’ai un peu pataugé avant de découvrir l’existence de la balise #NOP qui n’est, semble-t-il, pas documentée). Par contre sous IE6 les flèches ont disparues et sous IE7, si les flèches sont bien là, il ne se passe rien lorsque l’on passe la souris dessus !

    Bien que ne connaissant pas grand chose à javascript, j’ai suffisamment de connaissances en programmation pour pouvoir comprendre (à peu prés ...) ce que fait un programme déjà écrit et y faire quelques modifications simples mais les subtilités d’implémentation de javascript entre Firefox et Internet Explorer sont un peu au delà de mes compétences. Si quelqu’un a une idée ou une piste je suis preneur.

    Merci d’avance.

    • Philippe

      J’ai fini par trouver :
      pour IE7 en travaillant avec Thickbox 3.1 et Jquery 1.2.6 ça fonctionne (attention Thickbox 3.1 ne fonctionne pas bien avec Jquery 1.3.2).
      Pour IE6 c’est tout bêtement un problème d’images en png. Si on les passe en gif plus de problème (mais c’est moche ...).

    Répondre à ce message

  • Bonjour à tous,

    Je viens d’installer le plugin Panorama sur le site de l’établissement sous SPIP 2.0.3 [13596] utilisant le squelette EVA-Web 4.0.
    Mon problème est le suivant : le plugin est bien activé, ma vision panoramique marche dans l’espace privé (seulement quand l’article est publié, cela ne fonctionne pas lorsqu’il est proposé à l’évaluation) mais ne fonctionne pas dans l’espace public. Le plugin JQuery est installé. Bref, je sèche !

    Quelqu’un aurait-il une solution ?

    Merci de votre aide
    — 
    Magalie Tassery, professeur documentaliste
    Collège J.-Y. Cousteau
    277 rue des Champs
    76320 Caudebec-lès-Elbeuf
    http://colleges.ac-rouen.fr/cousteau/nouveau_site/
    Tél. : 02-35-77-00-00

    Répondre à ce message

  • bonjour

    cela marche parfaitement même sous spip 2 :

    http://amaauvers.free.fr/spip/spip.php?article503

    mais le défilement s’arrête si on touche aux flèches droite ou gauche :-(

    il faudrait pouvoir désactiver les flèches ou relancer le défilement auto

    Répondre à ce message

  • franz

    Bonjour,

    J’utilise ce plugin ponctuellement et je le trouve très sympa (soit dit en passant, il fonctionne sous SPIP 2.0.5 sans problème et pas seulement sur la série 1.9.x comme indiqué ci-dessus).

    Problème assez embêtant : il semble qu’il fait buguer la pagination ajax. Une idée pour rendre les deux fonctions compatibles ? (j’avoue que, à choisir, je crois que je me passerai du plugin plutôt que de la pagination ajax...)

    Merci

    Répondre à ce message

  • Ptit Louis

    Bonjour et merci pour cet excellent plugin.

    J’ai noté une petite incompatibilité sur SPIP 2 avec la fonction « site en travaux » du couteau suisse qui plante un peu l’espace privé et qui affiche le message d’erreur suivant : Warning : main(../plugins/auto/panoramas/) [function.main] : failed to open stream : Success in /homez.20/blablabla... chemin d’accès du serveur/tmp/charger_plugins_options.php on line 22.

    Après désactivation soit de la fonction « site en travaux » soit du plugin panorama tout fonctionne à nouveau.. simplement, pendant qu’on est en travaux, on ne peut pas tester ses panoramas et vice versa... En gros, les deux plugins fonctionnent bien mais pas ensemble... pas bien grave mais je le signale quand même... sait-on jamais.

    Perso je ne saurais pas trouver la solution, alors je suis méga-désolé... et j’me débrouille comme ça !

    Bonne continuité à tous et vive SPIP 2 !!!

    Répondre à ce message

  • 1
    mt44

    Bonjour,
    Le 9 octobre 22:40 , Sofiane a écrit :

    « C’est bon, j’ai trouvé, ça marche maintenant. c’était un problème de jquery qui ne se chargé dans la page. j’ai inséré les balises suivantes

    <script src="spip.php?page=jquery.js" type="text/javascript">&lt;/script
    <p>&lt;#INSERT_head> à la [couic]<small class="fine d-inline"> </small>»</p>
    <p>Apparemment, la fin de la phrase a sauté. J&#8217;ai le même problème que Sofiane avant sa trouvaille, et j&#8217;aimerais bien connaître son astuce.<br class='autobr' />
    Merci d&#8217;avance</p>
    • mt44

      Ça y est, ça marche !
      Nous utilisons spip 1.9e et un squelette qui n’a sans doute pas la balise #INSERT_head dans ses pages.
      Après avoir installé le plugin couteau suisse, j’ai vu rapidement que celui-ci a une fonction « Balise #INSERT_HEAD » décrite ainsi :

      « Active automatiquement la balise #INSERT_HEAD sur tous les squelettes, qu’ils aient ou non cette balise entre

      et

      . Grâce à cette option, les plugins pourront insérer du javascript (.js) ou des feuilles de style (.css). »

    Répondre à ce message

  • laurent

    Vraiment excellent comme plugin. J’attends avec impatience la doc pour faire des visites.

    Merci,

    Répondre à ce message

  • 1
    Sofiane

    Bonjour,

    je viens d’installer le plugin Panoramas 360°, mais je ne sais pas ce qui ne va pas car le défilement ne fonctionne pas dans l’espace public.

    J’utilise SPIP 1.9.2.
    j’ai joint le panorama test à l’article et j’ai mis dans le texte :

    easter-eggs
    Squelettes zippés (35 Ko)

    .
    Dans l’espace privé : le défilement fonctionne bien.

    Pour afficher le panorama dans l’espace public : j’ai utilisé la balise (#TEXTE). L’image panoramique est bien affichée avec les flèches droite et gauche. Mais quand je clique sur les flèches ça ne fait rien.

    Est-ce que quelqu’un peut m’aider, faut-il installer autre chose ??

    Merci d’avance pour votre aide.

    • Sofiane

      C’est bon, j’ai trouvé, ça marche maintenant. c’était un problème de jquery qui ne se chargé dans la page.
      j’ai inséré les balises suivantes

      <script src="spip.php?page=jquery.js" type="text/javascript"></script>

      <#INSERT_head> à la

      Voilà c’est bon maintenant ça défile.

      merci !

    Répondre à ce message

  • 11

    Bonjour,

    le plug in fonctionne parfaitement avec spip 1.9.2b.

    Jquery est installé et indiqué entre les balises head

    Par contre ce que je ne comprends pas, c’est que l’on ne mentionne pas la visite crée dans
    img13538|panorama|boucler=0|largeur=450 par exemple.

    J’ai crée deux visites virtuelles :
    -  test
    -  essai
    avec deux formats distincts

    Comment le plug in sait-il à quel visite virtuelle les paramètres doivent-ils s’appliquer ?

    est-ce par rapport au format de la photo chargé dans les docs joints que le plug in se repère ?

    Merci pour ces précisions.

    Philippe

    • Arnault Pachot

      Salut,

      l’insertion du type <imgXXX|panorama> n’est pas rattaché à la gestion des visites virtuelles dans « Edition ». C’est juste un modèle pour faire défiler une image qu’on a ajouté à l’article, en document joint.

      Pour faire afficher la visite virtuelle, il y a deux modèles :
      -  <visiteXXX>, va afficher la visite numéro XXX, en commençant par le lieux paramétré comme le lieu de départ
      -  <lieuXX> va afficher le lieu numéro XX avec toutes ces interactions.

    • Philippe

      J’ai crée une visite qui s’appelle test. Il s’agit de la première visite virtuelle.

      En utilisant « <visite1> » ou <test1> par exemple rien ne s’affiche.

      Je n’ai pas crée de lieu. Est-ce indispensable ?

      Je ne comprends dans « paramètres » :
      -  id carte
      -  id lieu de départ

      Rien ne s’affiche sur « prévisualisation » également.

      rien n’est demandé sur l’image qui va servir de visite virtuelle ?

      Et comment lui indiquer l’image qui va servir de panoramique dans l’onglet « Edition »

      Par contre pour afficher l’image jointe à un article, pas de problème...

      As-tu une doc à me fournir svp afin de voir toutes les procédures pour afficher une visite virtuelle à partir du menu « edition » ?

      Merci

      Philippe

    • Bonjour,

      Peut on mettre le code ou un inclusion directement dans le squelette, pour une page d’accueil, ou comment faire si le modèle est dans l’article pour un défilement direct en page d’accueil, pour une présentation

      Merci

    • Arnault Pachot

      Oui il faut créer un ou plusieurs lieux, auquels tu vas attribuer un numéro d’image panoramique (champ id_photo)

      Je n’ai pas rédigé de documentation, les fonctionnalités de visite virtuelle sont encore en développement.

      id_carte : id de l’image représentant la carte de la visite(onglet carte en haut à gauche)
      id_lieu_depart : numéro du lieu de départ de la visite (qui peut en contenir plusieurs).

      Un exemple pour mieux comprendre : une visite « appartement » contient plusieurs lieux : « salon », « chambre », « salle de bain »

      Dans le lieu « salon » je pourrais avoir deux interactions :
      -  « aller dans la chambre »
      -  « aller dans la salle de bain »

      Bon il faut vraiment écrire cette doc ;) tu veux me filer un coup de main ?

    • Arnault Pachot

      oui comme tous les modèles spip, tu peux l’appeler directement dans ton squelette, par exemple :

      -  [(#MODELE{lieu}{id_lieu=1})] affichera le panoramique du lieu numéro 1

    • Philippe

      Pas de problème mais il faut que je comprenne le système de ton plug in. Comment veux-tu que l’on procède ?

    • Arnault Pachot

      cool. j’ai crée un article dans l’espace privé : http://www.spip-contrib.net/ecrire/...

      si tu as un identifiant sur l’espace privé, indique moi ton pseudo et je te mettrai comme co-auteur de l’article.

      On utilisera alors plutôt le forum de l’article dans l’espace privé.

      a+

    • Philippe

      Je n’ai pas d’identifiant sur spip contrib. Peut-on en créer un ?
      Sinon j’ai mon adresse mail : ppinto@mairie-aubervilliers.fr pour communiquer avec toi.

    • Arnault Pachot

      pour s’inscrire, il y a un lien en bas à droite de la page d’accueil

      a+

    • Merci pour la réponse, une dernières question la même mais

      avec la version stable simple ?

      merci

    • Bonjour,

      Lorsque je veux fiare prévisualisation j’ai ceci
      Erreur(s) dans le squelette

      Table SQL « jeux » inconnue, _objetactivationjeu

      Erreur sur le site, boucle critère inconnu id_jeu

      Table SQL « jeux » inconnue, ’_objetactivationjeu’

      Table SQL « jeux » inconnue, ’_objetactivationjeu’

      Table SQL « jeux » inconnue, ’_objetactivationjeu’

      Je pense que je vais attendre la doc

      Merci

    Répondre à ce message

  • 4
    Eric02

    Bonjour et felicitations !!! Vraiment top.

    2 questions :
    -  Sur une photo qui fait 160° le « |boucler=0 », semble ne pas fonctionner ... Comment resoudre cela ?
    -  Ou trouver la doc pour la mise en place de zone cliquable pour la visite virtuelle ? comme sur l’exemple :
    http://www.casadart.fr/-Ulrich-Schluter-Sculpteur-sur-bois-.html

    j’ai bien vu qu’il y a thickbox en plug.

    Cordialement

    eric

    • Salut,

      il y a des gros changements en cours sur le plugin. Pour avoir l’interactivité, il faut installer panoramas-dev.zip (http://files.spip.org/spip-zone/). Mais c’est encore en développement.

      Je n’ai pas encore écrit la doc, mais tu peux faire des essais dans edition->visites virtuelles

      Il faut créer des visites qui contiennent des lieux, lesquels contiennent des interactions : tu choisis l’emplacement de l’interaction sur l’image et tu sélectionnes le type : liens vers une image, une vidéo, vers un autre lieu...).

      ensuite dans le texte d’un article, tu peux appeler <lieuXX|parametres=XXX> ou <visiteXX> qui démarrera sur le premier lieu de la visite.

      ++

    • x.vandewiele

      Bonjour,

      je trouve cette nouvelle version du plugin panoramas très intéressant, peut tu nous donné quelque indication quand a son utilisation ? Je ne comprend pas comment l’utiliser.

      merci

      Xavier

    • Arnault Pachot

      Salut,

      Les visites virtuelles se créent depuis un nouveau menu qui s’affiche dans l’onglet « Edition ».

      Il faut Créer des « visites virtuelles » qui contiennent des « lieux », lesquels contiennent un certain nombre d’« interactions ».

      Les interactions peuvent être variées :
      -  un déplacement vers un autre lieu
      -  l’ouverture d’une rubrique ou d’un article spip
      -  lien vers un url
      -  un objet à ramasser (et à mettre dans son panier).
      -  un document audio, vidéo, une photo..
      -  un jeu du plugin jeu
      -  un texte explicatif

      Chaque interaction peut avoir besoin d’un déclencheur, par exemple pour franchir une porte, il faut avoir ramassé une clef dans un autre panoramique. Parmi ces déclancheurs :
      -  avoir ramassé un objet particulier
      -  avoir répondu correctement à un jeu
      -  avoir visité un lieu donné

      Les lieux de la visite sont affichés sur une carte, on peut paramétrer l’affichage des lieux sur la carte, « uniquement » si le joueur a déjà visité le lieu.

      Ensuite on peut paramétrer encore les transitions entre les lieux :
      -  transition simple : film noir transparent, puis passage au lieu suivant
      -  diaporama d’images
      -  film

      L’idée sur le projet Casa d’Art c’est que le jeu soit un support pédagogique pour les écoles qui participent aux stages.

      Je souhaite écrire une documentation, mais pour l’instant le développement n’est pas complètement terminé.

      ++

    • Bonjour,

      j’ai ce message après avoir créé un lieu

      Warning : Invalid argument supplied for foreach() in /home/monsite/public_html/plugins/balise_session/public/cacher.php on line 32

      Pas d’interaction

      ça reste même quand j’ai créé l’interaction

      et quelle est la forme pour indiquer id d’un article ou ume rubrique

      Merci, et vraiment super !

    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