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

  • 3
    Sébastien

    Bonjour,

    Je souhaite mettre en place un panoramique de vignettes cliquables, comme en bas du site présenté en exemple ( apparement un mélange du pluging panorama et thickbox ).

    Thickbox (effet d’ouverture d’images) fonctionne mais pas le diaporama.
    J’ai placé dans la rubrique où j’ai chargé les documents et placé la boucle :
    < BOUCLE_documents_portfolio(DOCUMENTS) de id_rubrique mode=document ...dans le squelette.
    Est-il possible de le réaliser qu’avec ces plugins, faut-il utiliser une autre méthode, est-ce une erreur de code, de boucle dans le squelette, Y a-t-il une solution simple...?

    http://www.god-art.fr/spip.php?rubrique=3

    Bref si on pouvait m’éclairer ? Merci

    Sébastien

    • Sébastien

      Je précise que j’ai placé dans le texte de la rubrique :
      - < imgXX|panorama|boucler=non|largeur=500 >

      et

      -  une BOUCLE_documents_portfolio(DOCUMENTS) id_rubrique dans le squelette

    • Bonjour,

      Tout d’abord, merci pour votre contrib très intéressante.
      Le panorama fonctionne très bien !!!
      Mais, je suis également intéressé par le panoramique de vignettes cliquables présenté dans le site exemple.
      Il semblerait que Sébastien ai réussi à introduire son panorama cliquable, mais je ne vois pas de réponse à sa question.
      Pourriez vous m’indiquer la démarche à suivre.
      Merci

    • Bonjour,

      Tout d’abord, merci pour votre contrib très intéressante.
      Le panorama fonctionne très bien !!!
      Mais, je suis également intéressé par le panoramique de vignettes cliquables présenté dans le site exemple.
      Il semblerait que Sébastien ai réussi à introduire son panorama cliquable, mais je ne vois pas de réponse à sa question.
      Pourriez vous m’indiquer la démarche à suivre.
      Merci

    Répondre à ce message

  • 2

    Bonjour

    En essayant d’inclure votre plugin dans mon site, je rencontre un problème que je ne comprend pas.
    Lors de l’écriture de la page dans le coté administration, le plug-ins marche nickel. Mais lorsque je le teste du coté utilisateur (à travers mes squelettes) ça ne marche plus (les images s’affichent, mais le scrolling ne fonction plus). J’ai réussit à avoir le scrolling qui fonctionne lors d’une erreur passagere (en désinstallant des plug-ins). Mais depuis, plus rien :(

    Je n’ai qu’un seul autre plug-in installé pour l’instant, qui est le squelette-éditor et en le désinstallant, ca ne marche pas mieux.

    Merci pour votre travail et pour ce plug-in qui est particulierement pratique.

    Matt.

    la page du site en question (encore tres en traveau) est trouvable ici

    • Bonjour,

      Le pb vient de jquery.js qui n’est pas chargé sur la page.

      normalement SPIP ajoute automatiquement la ligne <script src="spip.php?page=jquery.js" type="text/javascript"></script>.

      Verifiez que vous avez bien la balise #INSERT_HEAD dans la section <head> de votre squelette ou alors, ajoutez le à la main

      ca devrait marcher ensuite ,

      a+

    • Suis-je bête, vraiment, mea culpa.
      Tu avais totalement raison.

      Merci encore, et bravo pour tout le boulot et un service utilisateur incomparable.

      Matt

    Répondre à ce message

  • 5

    Bonjour,

    J’ai testé le plug Panorama 360

    • La décharge
    • Installer le plugin
    • Envoyer une image
    • Mettre <imgxx|panoramas> AL’ARTICLE
    • Est-ce que le mouvement de la flèche droite et gauche dans la preview
    • Mais à la vue de l’utilisateur, l’image est seulement l’image
    • Si je clique sur l’image pour m’envoyer un itinéraire www.site.com/spip.php?article19 #
    • Utiliser spip 1.9.2c
    • Utilisation dosier squeletes
    • Utilisation dosier plugins

    Qu’il n’ya aucun fichier que j’avais besoin de faire quelques modifications ou à l’archive article.html ou créer un fichier mes_functions.php

    S’il vous plaît aider

    • bonjour,

      oui normalement le panorama s’affiche dans la preview de l’espace privé (avec les flèches gauche et droite pour le faire défiler). Peux-tu me donner un lien vers ton site pour que je regarde ?

      quels autres plugins sont installés ?

      a+
      Arnault

    • Bonjour Arnault

      Adresse de l’article est :

      http: / /www.pruebasldsolutions.org/spip.php?article19

      J’aime autres puglins
      Lecteur Media
      Imprimer
      Convertir PDF
      Envoyer un e-mail

      Outre Panorama 360

      Espérons que vous pourrez m’aider si j’ai besoin de plus d’information s’il vous plaît mail préavis sombrasdeciudad@hotmail.com

      Salutations et remerciements

    • ça semble être un conflit entre jQuery et la librarie prototype, utilisée par le plugin gallery.

      Pour vérifier : désactive momentanément les autres plugins les uns après les autres jusqu’à que le panorama défile.

      une solution est proposée ici : http://docs.jquery.com/Using_jQuery...

      il faut à renommer les appels $(...) par jQuery(...)

      télécharge la dernière version du plugin thickbox pour spip, il intègre cette modification.

      pour le plugin panorama, les modifs sont à faire ligne 196 dans /plugins/panoramas/modeles/img_panorama.html

      en espérant que j’aurai été utile,

      a+
      Arnault

    • J’ai modifié le plugin panorama pour gérer ce problème de conflit. Peux-tu essayer avec la nouvelle version ?
      merci

      a+

    • Merci Arnault

      Ce que j’ai fait était la suivante
      Installer le plugin Thickbox2
      Vérifiez le fichier de test « thickbox_test.html » présent dans la fiche et le lieu de la route au sein de mon fichier « article.html »

      Ahi j’ai réalisé la nécessité de rutear fichiers jquery.js ex. / dist/javascript/jquery-1.1.js (utilisation de la version spip 1.9.2c)

      Tout cela dans

      ..

      Je suis en cours d’exécution :

      <script src="/dist/javascript/jquery-1.1.js" type="text/javascript"></script> <script src='/plugins/thickbox2/javascript/thickbox.js' type='text/javascript'></script>

      Toujours dans

      ...
      Placer la classe thickbox, je suis en cours d’exécution :

      [

      ]

      Eh bien je suis venu avec l’effet de l’image thickbox2

      Il n’ya pas de l’utilisation de Panorama 360,
      Installez le plug-in, subi de test d’image et de mettre en l’article :

      <imgxx|panorama|boucler=oui|largeur=500>

      Où xx est le numéro de l’image chargée.

      Finalement obtenu l’objectif. Merci de votre temps Arnault.

      Vous pouvez voir l’effet de :
      http://www.pruebasldsolutions.org/spip.php?article19

      Bonne année 2008

    Répondre à ce message

  • 2

    bonjour,
    est-il possible d’utiliser votre plugin avec fckeditor ? si oui, comment appeler le panoramique dans l’article ?
    merci pour votre travail

    • Bonjour,

      Je ne sais pas, je ne connais pas assez le plugin fckeditor. Si il est possible de joindre des images dans les textes dans un format spip : <img99|center> par exemple, l’ajout des panoramas devrait fonctionner également.

      à tester ;)

      a+

    • merci pour votre réponse hyper rapide, c’est presque un dialogue par chat !!!
      je vais faire un test et vous donnerai le résultat rapidement

    Répondre à ce message

  • Bonjour,

    Avec SPIP svn et la version actuelle du plugin, je reçois le message d’erreur suivant en accédant à la page de config des plugins :

    Warning: include_once() [function.include]: Failed opening '../plugins/panoramas/' for inclusion (include_path='.:/usr/share/php:/usr/share/pear') in /home/paolo/public_html/www/tmp/charger_plugins_options.php on line 27

    Si j’enlève

    <options> <!-- fichier charge a chaque hit -->
     
    </options>

    du fichier plugin.xml alors tout rentre dans l’ordre.

    Répondre à ce message

  • 3

    Bonsoir ! Je mets notre site à jour et j’ai pris la version à jour de Panoramas depuis spip-zone. La vitesse de défilade dès quand passe la souris sur une flèche est environ la double de ce qu’elle était dans des versions précédentes (avec Firefox, Linux). C’est trop rapide à mon goût, et pour l’instant je conserve l’ancienne version.

    On peut parametrer cette vitesse ?

    • bonjour,

      c’est la combinaison « delai de rafraichissement » * « déplacement en nombre de pixels »

      dans panoramas_mes_fonctions.php

      -  pour le déplacement à gauche : ligne 223 remplacer + 5 par une valeur plus petite (+3, +2 ou +1...)

      -  faire la même modif ligne 244 et 258 pour le déplacement à droite

    • OK, merci, bcp !

      Je ne sais pas si tu penses que cela vaut le travail nécessaire, mais éventuellement ne serait-il pas bien de mettre certains paramètres dans un fichier à part où ils peuvent être plus facilement réglés ? (Je pense au placement des flèches, leur taille, et à cette vitesse.)

      Evidemment le mieux serait de le faire avec l’aide du plugin cfg pour que ces réglages puissent être fait depuis l’interface de SPIP.

    • J’ai bien envie de réecrire le plugin en utilisant jquery plutôt que la librairie actuelle, plus limitée.

      je rendrai alors la vitesse paramétrable avec cfg.

      a+

    Répondre à ce message

  • 3

    Bonjour,

    J’utilise avec succès et entière satisfaction vos 2 plugins : image cliquable et panorama 360°.

    J’aimerai savoir s’il est possible d’utiliser les deux en même temps sur une image.

    Je m’explique. Je fais parti d’une asso qui essaye de restaurer le Fort-Médoc (http://amis-fort-medoc.fr/) et sur notre site (SPIP/EVA) en première page, j’ai mis un panorama général du Fort. J’ai essayé de rendre le panorama cliquable pour permettre l’accès directement à le rubrique correspondant au bâtiment choisi mais sans résultat.

    Avez-vous une idée ou une explication ?

    Arnaud.

    • Bonjour, j"y comprend rien parck j’ai installé et validé le plugin panorama jlé mis dans le repertoire plugins ki se trouve ds le dossier spip ds la racine du site
      ensuite je comprend pa pourqoi j’arive pas a voir ma visite virtuelle
      et je ne sai pa ce qu’il faut codé et surtou ou il faut codé car dans ma page index.html ou se trouve mes image il n’y a pa bcp de code seulemen celui ki me sert a afficher mes image
      et ds l’espace privé j’ai bien mis ces images ds des articles !! mé tjr rien
      http://pikaroo.ifrance.com/index.html
      si kk1 pourrait m’expliquer le fonctionnement
      merci

    • bonjour, je suis désolé de n’avoir répondu plus tôt.. a mon avis la seule façon de mixer les deux plugins, c’est d’utiliser une carte du chateau à côté et de la rendre cliquable...

      sinon, il faudrait modifier le plugin pour gérer des « hotspots » sur lesquels on peut cliquer .

    • Merci de ta réponse. Ça reste tout de même un super plugin.

      Merci encore.
      Abou33

    Répondre à ce message

  • Bonjour et félicitation pour ce travail,
    mais !
    chez moi avec Spip 1.9.2 [9381] et le squelette Blog’n Glop, à cette adresse :lien

    j’ai un problème de défilement !

    L’image fait moins de 1000px de large, le site est très simple, j’ai désactivé tous les autres plugins.

    le texte de l’article est limité à :<emb3|panorama>

    téléchargement ftp, activation du plugins

    Ai-je oublié quelque-chose ?

    Répondre à ce message

  • ManuDevil

    Bonjour,

    Très beau plugin, mais je remarque une chose assez génante : la vitesse de défilement n’est pas la même suivant les navigateurs. C’est rapide et fluide sur IE, et c’est lent et ça saccade sous Firefox (pour une fois que IE fait mieux que FF...). Existe-t-il un moyen de régler cela ?

    Par ailleurs, existe-t-il un moyen de régler la vitesse de défilement par défaut ? J’ai aussi remarqué que quand la souris quitte l’image, le défilement est stoppé, il ne reprend pas comme il était avant.

    Une autre remarque : est-il possible de supprimer les flèches et de les remplacer par de simples zones actives faisant un tiers de la largeur de l’image, et toute la hauteur ? J’ai essayé en modifiant le code et en remplaçant les images par des PNG transparents, mais le résultat n’est pas terrible. La zone active fait toujours la même taille, indépendamment de la taille de l’image...

    Merci pour tout, en tout cas. C’est déjà un beau plugin.

    Répondre à ce message

  • quentin

    Bonjour,

    Bravo pour ce plugin !
    Il marche bien mais l’image n’est pas completement refermée sur elle-même en mode 360°. J’ai un petit ecart qui apparait entre la fin de l’image et le début de l’image panoramique. Vous pouvez le voir sur mon site.
    Vous avez une idée du pb ?
    Merci

    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