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
    Bruno

    Bonjour

    Que faut-il insérer dans l’article ?

    C’est curieux, je ne vois pas les exemples dans cet article, uniquement le mot « exemple » et puis rien.

    Merci

    • Bruno

      Je me réponds :

      J’ai fait un refresh de la page et les exemples apparaissent.
      C’est un pb de spip-contrib

    Répondre à ce message

  • 7
    Paolo

    Salut !

    Dans mon fichier tmp/spip.log je trouve à beaucoup de reprises la ligne :
    Erreur - ’panoramas_panoramas_affiche_milieu’ non definie !

    Je me demande si la ligne en plugin.xml devrait être
    <action>affiche_milieu</action>
    et non pas :
    <action>panoramas_affiche_milieu</action>

    Qu’en pensez-vous ?

    Sur la cette page on dit : <action> : contient le nom de la fonction (sans son préfixe !)

    Est-ce qu’il faut function panoramas_affiche_milieu en plus de function affiche_milieu dans panoramas_mes_fonctions.php ?

    • Arnault Pachot

      bonjour et merci pour ces présisions,

      l’utilisation du pipeline « affiche_milieu » était une tentative pour afficher les panoramas également dans la partie privée, car actuellement ils ne s’affichent que dans la partie publique.

      Il n’y a pas de rapport avec l’alignement du panorama, mais je propose qu’on enlève pour l’instant ce pipeline puisqu’il ne fonctionne pas.

      J’investigerai par la suite sur le nommage de la fonction : « panoramas_affiche_milieu » ou « affiche_milieu », pour éventuellement faire défiler les panos dans la partie privée.

      je vais mettre à jour l’archive.

      Arnault

    • E.Péron

      Le panorama ne fonctionne pas . Je mets pourtant bien dans l’éditeur spip le code suivant :

      Mais malheureusement cela n’a aucun effet : le panorama ne défile pas en flash .
      (notre site est réalisé avec le squelette Durzy) ; Alors J’ai modifié les fichiers :
      — > spip/plugins/panoramas/panoramas_mes_fonctions.php ( et )
      — > spip/squelettes/css/spip.css
      Avec les indications de owatte
      Mais toujours rien !
      L’adresse de notre site : http://etablissements.ac-amiens.fr/0021778x/spip.php?article30
      Je vous remercie d’avance !

    • Arnault

      Bonjour,

      A quelles modifications de panoramas_mes_fonctions.php et spip.css faites vous allusion ?

      avez vous appelé <embXXX|panorama> dans le texte de votre article, avec XXX du numéro de votre document ?

      pour info : le panorama n’utilise pas la technologie Flash, mais la technologie Javascript

    • Arnault

      je reprends la phrase qui a été tronquée :

      avez vous appelé <embXXX|panorama> dans le texte de l’article, avec XXX le numéro de l’image ?

    • Arnault

      ok je viens de faire le lien avec la modif proposé par owate dans le forum (je suis pas bien réveillé ce matin !).

      A priori même sans cette modif le panorama devrait s’afficher. Je vais regarder du côté du squelette Durzy

    • E.Péron

      oui nous avons bien appelé l’image dans le texte de l’article. nous n’ avons pas trouvé de solution de notre côté pour le moment.

    • Arnault

      bonjour,

      le problème vient de l’utilisation de la balise #TEXTE* dans squelettes/article.html

      Cette balise dont la fonction est de renvoyer une version brute du texte de l’article ne retourne pas les balises utilisées ensuite dans l’affichage du panorama.

      Pour contourner ce problème, je vous suggère de créer une copie de article.html que vous nommerez article=37.html. Cette manip vous permettra de définir un squelette spécifique pour l’article numéro 37.

      dans article=37.html remplacez ligne 86 :

      <!--Affichage du sommaire automatique s'il existe-->
[(#TEXTE*|sommaire_article|propre)] 

<!--Affichage du texte de l'article, découpé le cas échéant  -->
[(#TEXTE*|decouper_en_page|propre|gerer_ancres|couleur|PyratTypo||image_reduire{620,0})]

      par :

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

    Répondre à ce message

  • 2
    Julien

    Merci pour ce plugin !

    Est il possible d’accélérer la cadence de défilement quand on passe sur les flêches ?

    • Arnault Pachot

      salut Julien,

      en fait pour répondre à ta question, je dirais : oui et non ;)

      ce n’est pas faisable « rapidement » (comme un simple paramètre à changer), mais je vais chercher une solution

      Je te tiens au courant.

      A+
      Arnault

    • Arnault Pachot

      J’ai accéléré le défilement sur les flèches gauche et droite. Le défilement est un peu saccadé, mais l’intéractivité est meilleure.

      Arnault

    Répondre à ce message

  • Jef

    Bravo pour le plugin !! Une seule remarque pour avoir le panorama centré horizontalement dans ma page j’ai essayé « imgxx|center » comme d’hab et ça marche pas... y reste vers la gauche.

    Si qq a une idée... merci beaucoup !

    Répondre à ce message

  • owatte

    Bonjour,

    j’ai intégré ce plugin sur différents sites en 1.9.x et il fonctionne très bien.

    Seul cas de figure problématique rencontré : si un style de table est défini par défaut pour la page avec des margin et des padding particuliers, cela peut entrer en conflit et provoquer des bugs d’affichage (pb de décalage/répétition d’images sous FF et affichage uniquement des 1res images sous MSIE).

    Pour résoudre le pb sans réécrire l’existant, il suffit d’ajouter une class pour la table du panorama dans la CSS.

    En clair, pour ceux qui ne voient pas comment faire :

    • spip/plugins/panoramas/panoramas_mes_fonctions.php :

    remplacer la ligne 371

    	<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">

    par

    	<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"panoramas\">
    • spip/squelettes/css/spip.css

    Créez la class panoramas dans votre CSS pour vous assurer de la présentation du tableau.

    exemple :

    .panoramas table td {padding:0; border:0;}
.panoramas img{border:0;}

    Répondre à ce message

  • webmestre de Salles-Arbuissonnas

    Bonjour,

    J’ai essayé de faire fonctionner le plugin mais sans résultat. J’utilise spip 1.9.1. J’ai simplement ajouté le plugin et je l’ai activé, puis sur un article j’ai utilisé la balise <imgXXX|diaporama> mais sans réussite. J’utilise un squellette sarka (super). J’ai laors pensé que mon image n’était peut être pas validee t j’ai donc récupéré pour test une image qui fonctionne sur un des sites qui a mis en oeuvre le plugin. Mais pas mieux. Une idée ?

    l’image est celle qui se trouve juste avant la liste des images jointes à l’article

    http://www.salles-arbuissonnas.mairies69.net/spip.php?article145

    Merci pour l’aide. ce plugin semble génial.

    Répondre à ce message

  • 2
    Paolo

    Bonjour !

    J’essaie ce plugin (remarquable, merci !) sur une page test et j’ai deux questions/problèmes :

    1 - Comme tu vois j’ai essayé de changer l’emplacement et la taille des boutons. Ça semble marcher avec Firefox, mais avec IE j’ai un effet étrange. Serait-il éventuellement possible de rendre ces valeurs parametrable dans le plugin ?

    2 - Le plugin crée deux erreurs de validation XHTML - les mêmes d’ailleurs que sur la page http://test.openstudio.fr/spip.php?rubrique1
    D’abord il insère un div à l’intérieur d’un span. Deuxièment le Javascript tout à la fin de la page donne une erreur. (« Document type does not allow element ’script’ here »)

    • Arnault Pachot

      Salut Paolo,

      merci pour tes informations, j’ai réalisé les modifications pour la validation xhtml et la correction de l’erreur javascript.

      Tu peux télécharger la nouvelle archive.

      Pour modifier l’emplacement des flèches tu peux fixer les valeurs que tu souhaites dans panoramas_mes_fonctions.php, dans la construction de la balise <style>

      a+
      Arnault

    • paolo

      Merci bcp ! C’est parfait.

    Répondre à ce message

  • Stéphane

    Bonjour,

    Je voulais utiliser ce truc (un javascript pour faire des bordures). En utilisant ce script, le plugin panorama fonctionne bien mais semble empêcher les bordures de fonctionner avec FF (plus d’arrondis) mais ç’est ok sous IE ou Opéra. La console d’erreur me renvoie ’func is not a fonction’(lié à ’panoramas_mes_fonctions.php’). Quelques heures que je patauge... mais l’erreur est peut-être liée à l’autre script.

    Répondre à ce message

  • lionux

    Merci beaucoup pour le plugin...Il fonctionne à merveille.

    Répondre à ce message

  • 6
    Arnault Pachot

    Je viens de mettre en ligne une nouvelle version qui utilise les modèles SPIP, comme le suggérait Stéphane.

    Cette version permet de nouvelles fonctionnalités (définir la largeur, cas des images qui ne font pas 360° )

    J’ai testé avec succès cette version sur mes configs. Pouvez-vous mettre en place les modifs sur vos sites et me confirmer que le fonctionnement est correct ?

    a+
    Arnault

    • Stéphane

      Ca a l’air de passer très bien sans modifier les autres images.
      Merci et bravo pour cette nouvelle version.

    • ploumploum

      ouioui, je confirme : ca marche.

      Encore merci Arnaud pour ce superbe plugin.

    • Romain

      Bonjour,

      très bien ce plugin. J’aimerai l’appliquer sur le bandeau
      d’entête. J’ai donc appliqué le filtre panorama
      dans le fichier inc-entete du squelette d’origine de spip 192.

      J’ai une erreur "Erreur : filtre « panorama » non défini"

      voici la modif réalisée :
      [(#LOGO_SITE_SPIP
      ||image_reduire770,200
      |inserer_attributalt,(#NOM_SITE_SPIP
      |inserer_attributtitle,(#NOM_SITE_SPIP
      |panorama) <---- C’EST ICI
      ]

      Comment y remédier ?

      Merci

    • olive

      ça marche parfaitement, avec les « attributs » boucler=oui ou non, et largeur aussi :

      exemple boucle=non

      Bravo !!!

    • Arnault Pachot

      Salut Romain,

      A priori le plugin n’était pas destiné à être appelé depuis les squelettes. Cependant tu doit pouvoir obtenir ce que tu souhaites en ajoutant la ligne suivante dans le bandeau d’entête :

      <panorama src="[(#LOGO_SITE_SPIP||extraire_attribut{src})]" [width="(#LOGO_SITE_SPIP||extraire_attribut{width})"] [height="(#LOGO_SITE_SPIP||extraire_attribut{height})"]  boucler="oui" largeur="auto"/>
    • Romain

      Merci Arnault, ça fonctionne très bien.

      Super plugin.

      Rom@+n

    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