Multiviewer Full pour Spip2

Version FULL du plugin Multiviewer Flash


-  Utilisation ultra-simple
-  Les viewers ImageRotator et Simpleviewer2.0 ajoutés.
-  6 Galeries Flash au choix.
-  Affichage en plein écran inclus.

Plugin Multiviewer FULL pour Spip 2


(* Plugin Remis à jour le 15 oct 2010 à 22h30 *)

Plugin Multiviewer FULL pour Spip2

-  Télécharger le plugin Mutliviewer Full pour Spip 2
et l’installer normalement dans /plugins/

-  Multiviewer Full existe aussi pour Spip 1.9 ici !

1 - Utilisation Ultra Simplifiée : dans un article

-  Il suffit d’un lien hypertexte pour créer une galerie Flash à partir d’un article.
Voici le lien à créer :

[Lien->./?page=multiviewer&id_article=#ID_ARTICLE]

On précise le numéro de l’article qui sera utilisé pour créer la galerie :
#ID_ARTICLE doit être remplacé par le numéro de l’article qui contient nos images.

Le squelette présent dans le plugin se charge de rassembler toutes les images Jpeg de l’article choisi , de créer la galerie, la configurer et de l’afficher dans une nouvelle page.

Attention : Les documents joints à l’article doivent être dans le portfolio de l’article
sinon ils n’apparaitront pas dans la galerie.


Choix du viewer flash par l’URL

-  Pour choisir le viewer :

[Lien->./?page=multiviewer&id_article=#ID_ARTICLE&viewer=Nom_du_viewer]

Dans ce cas Nom_du_viewer sera remplacé par un des 6 viewers proposés :

-  autoviewer (Defilement auto)
[Lien->./?page=multiviewer&id_article=#ID_ARTICLE&viewer=autoviewer]

-  postcard
[Lien->./?page=multiviewer_full&id_article=#ID_ARTICLE&viewer=postcard]
(squelette avec javascript)

-  imagerotator (Plein Ecran)
[Lien->./spip.php?page=multiviewer&id_article=#ID_ARTICLE&viewer=imagerotator]
(Plein écran disponible dans le Flash - bouton)

-  simpleviewer
[Lien->./?page=multiviewer&id_article=#ID_ARTICLE&viewer=simpleviewer]

-  simpleviewer 2.0 ... pas encore intégré !
(Plein écran disponible dans le Flash)

[Lien->./?page=multiviewer&id_article=#ID_ARTICLE&viewer=simpleviewer2]

-  simpleviewerpro (Uniquement si vous avez ajouté le fichier SWF)

-  tiltviewer (Plein Ecran)
[Lien->./?page=multiviewer&id_article=#ID_ARTICLE&viewer=tiltviewer]
(Plein écran disponible dans le Flash - clic droit)

2 - Utilisation dans un Squelette

-  Pour creer un lien vers le multiviewer, insérer ce code dans une boucle ARTICLE ou DOCUMENT de son squelette (article.html par exemple) :

[(#URL_PAGE{multiviewer,id_article=#ID_ARTICLE}|parametre_url{viewer,Nom_du_viewer})]


ou

[(#URL_PAGE{multiviewer,id_article=#ID_ARTICLE}|parametre_url{'viewer','Nom_du_viewer'})]

en remplacant Nom_du_viewer par une des galeries : autoviewer, imagerotator, tiltviewer, postcard, simpleviewer, simpleviewerpro.



OPTION : Plein Ecran via Javascript

Pour les viewers qui ne donnent pas accès au « Full Screen » de manière native (dans le viewer flash par un bouton cliquable), on peut utiliser une variante du squelette fournit.
Cette variante permet de placer 2 boutons Javascript pour étendre la fenetre et l’autre pour fermer.

-  Pour cela utilisez multiviewer_full a la place de multiviewer dans toutes les instructions données au-dessus de ce paragraphe pour utiliser le squelette avec des liens en Javascript au lieu du squelette normal.

(le comportement n’est pas forcément homogène avec tous les navigateurs)

3 - Autre possibilité d’utilisation

Création d’une galerie ligne par ligne dans le texte d’un article :

/* Créé la galerie du nom de "toto" qui utilise le viewer "imagerotator",*/
<MULTIVIEWER87|NOUVEAU|nom=toto>
<MULTIVIEWER87|PARAM|nom=toto|typegalerie=imagerotator>
/* avec une taille de galerie de "500"x"350" pixels,*/
<MULTIVIEWER87|PARAM|nom=toto|largeur=500>
<MULTIVIEWER87|PARAM|nom=toto|hauteur=350>
/* et on injecte dans la galerie les documents 901, 902 et 906*/
<MULTIVIEWER87|AJOUTERDOC|nom=toto|doc=901>
<MULTIVIEWER87|AJOUTERDOC|nom=toto|doc=902>
<MULTIVIEWER87|AJOUTERDOC|nom=toto|doc=906>
/* enfin on affiche le nouveau viewer dans notre page*/
<MULTIVIEWER87|VOIR|nom=toto>

Ainsi on peut créer une galerie plus personnalisée et n’inclure que certains documents.
Cela permet aussi d’inclure des documents provenant de différents articles dans une même galerie.

Configuration du plugin

-  Dans le fichier Multiviewer_options.php, on peut redéfinir la taille par défaut et la taille maximum pour l’affichage des galeries (viewers), et la couleur de fond des galeries.

Configuration avancée des viewers

Voir directement sur les sites officiels de chaque viewer pour connaitre la configuration disponible selon le viewer utilisé :

-  Air­tigh­tin­te­rac­tive flashvie­wers,
-  ImageRotator

Changements par rapport à la version 1.03 du plugin pour SPIP 2.0

-  Les fichiers de conf des viewers ont été modifiés.
-  La balise #MULTIVIEWER_ALL ne fonctionne pas,
ni d’ailleurs <MULTIVIEWERXX|ADD|doc=-1>, ect
-  ImageRotator a été ajouté aux autres viewers disponibles.
-  Les squelettes intégrés permettent d’afficher une galerie à partir des images d’un article et choisir son viewer en 1 seule ligne de code.
-  Pas de page de configuration privée pour le moment.

Plugin testé sur Spip v2.0.8 avec plusieurs autres plugins d’affichage de diaporama et autres galeries : le plugin est fonctionnel et pas d’incompatibilité connue avec les autres plugins.


Lien vers l’article final (dernière version)

Démonstration du Plugin


Merci à C. Boutin le plugin de départ,
et merci à F. Turner de air­tigh­tin­te­rac­tive pour ses vie­wers flash,
ainsi qu’à J. Wijering pour le viewer ImageRotator,
et P.Dupouy pour ses précisions sur la config de imagerotator.

Discussion

28 discussions

  • 1

    Bonjour,

    Vivement intéressé par votre plugin, mes essais donnent :

    Avec par exemple :
    http://icpdev.ge.ch/spip01/?page=multiviewer&id_article=1256
    http://icpdev.ge.ch/spip01/?page=multiviewer&id_article=1256&viewer=postcard
    http://icpdev.ge.ch/spip01/?page=multiviewer&id_article=1256&viewer=autoviewer

    Warning: fopen(plugins/multiviewer_full_2_modby_gezus/xml/gallery_art1256.xml) [function.fopen]: failed to open stream: Permission denied in /srv/www/spip01/plugins/multiviewer_full_2_modby_gezus/balise/multiviewer.php on line 471
    
    Warning: fclose(): supplied argument is not a valid stream resource in /srv/www/spip01/plugins/multiviewer_full_2_modby_gezus/balise/multiviewer.php on line 483
    \n

    Avez vous une idée du problème ?

    Cordialement

    FDG

    • Bonjour,

      Le problème est résolu en ce sens qu’il a fallut accorder les droits d’écriture sur le répertoire :

      /plugins/multiviewer_full_2_modby_gezus/xml/

      et tout fonctionne en DEV

      Je vais faire reproduire la procédure en PROD et poursuivre l’investigation, mais dès maintenant ça fonctionne.

      Mais attention, nous sommes en train de passer en mode mutualisation de site avec « la Ferme à SPIP », on peut donc avoir des "collisions" entre sites qui utilisent ce plugin pour l’écriture du fichier XML. Ne vaudrait-il pas mieux que ce plugin écrive ce fichier XML csous /spip/tmp/ ou /spip/local/ ?

      Dans cette attente

      Cordialement

      FDG

    Répondre à ce message

  • 1

    bonjour,

    est il envisageable / pas trop dur d utiliser ce plugin dans une page rubrique pour afficher un diaporama de tous les articles de cette rubrique ?

    • Salut, pour intégrer le plugin dans des pages rubriques, il te faut intégrer le plugin dans ton fichier squelette « rubrique.html » de la manière décrite dans l’article (utilisation dans un squelette).

      Cela se fait sans problème si tu touches à la programmation html et que tu connais un peu la façon de rédiger les boucles Spip dans un fichier squelette... sinon ça va être dur.

      Je pourrai t’aider un peu plus si tu galères, mais creuses déjà le début de piste et revient sur le forum ensuite.

      Bonne continuation à toi.

    Répondre à ce message

  • 1

    Bonjour,
    quelque soit la manière dont j’inclus le code dans le texte ou le squelette, rien ne se passe.
    J’ai bien activé le plug in et j’ai la balise insert_head.
    une idée du problème ?

    • Un peu plus d’infos ? le code que tu utilises pour créer le viewer ? le code généré dans ta page ? As tu bien Flash player ? Bloques tu le javascript ? ... un peu de renseignement supplémentaire please :)

    Répondre à ce message

  • 1

    Bonjour,

    très bien le plugin mais j’aurais une question et un problème.

    La question : J’utilise le viewer « ImageRotator » pour créer un bandeau d’images sur un site et je souhaiterais que les images affichées occupent toute la largeur du viewer et non pas qu’elles soient adaptées à celle-ci car cela fait de toute petite vignette. J’ai cherché mais je n’ai pas trouvé.

    Le problème : Lorsque dans le squelette je mets la boucle suivante :

    <BOUCLE_diaporama_accueil(ARTICLES) {id_article=1}>
    [(#URL_PAGE{multiviewer,id_article=#ID_ARTICLE}|parametre_url{viewer,imagerotator})]
    </BOUCLE_diaporama_accueil>

    la page du site affiche :

    http://127.0.0.1/spip.php?page=multiviewer&id_article=1&viewer=imagerotator

    Quelqu’un à une réponse

    Et pour finir une dernière question :
    Est-il possible de passer les paramètres de largeur et de hauteur dans la boucle utilisée dans le squelette ?

    D’avance merci pour vos réponses

    • Salut, alors concernant le réglage de la proportion de l’image dans le viewer :
      -  pour les réglages des viewers (si c’est disponible) il faut voir sur le site du créateur du viewer que tu utilises dans la faq.
      -  sinon tu peux créer ton viewer avec une taille supérieure pour avoir une grande image, et tu affiches deux div colorée pour cacher les bords du viewer (le recadrer visuellement) ... ça peut le faire aussi.

      PS : le lien que tu as posté ne pointe vers rien ; c’est une adresse en local :)

      Pour ta question concernant le réglage de la taille du viewer dans la boucle de ton squelette, relis la doc de cette page et tu trouveras ta réponse, sinon reviens sur le forum.

      Bon courage à toi.

    Répondre à ce message

  • 4

    Hello

    J’essaie cette fois d’utiliser ton plugin dans un squelette sommaire.html

    Celui-ci contient le code

    <BOUCLE_diaporama_accueil(ARTICLES) {id_article=31}>
    [(#URL_PAGE{multiviewer,id_article=#ID_ARTICLE}|parametre_url{viewer,imagerotator})]
    </BOUCLE_diaporama_accueil>

    Le plugin est à jour de ce soir et mes images sont bien dans le portfolio de l’article 31 mais j’obtiens :

    http://localhost/acoustique/spip.php?page=multiviewer&id_article=31&viewer=imagerotator 

    Une idée de mon erreur ?

    • Ben c’est simple à analyser à priori :
      Dans ton url c’est la base de l’adresse qui est mauvaise, donc c’est surement la partie #URL_PAGE qui ne génère pas la bonne adresse.

      -  As tu bien renseigné l’URL exacte de ton site dans « Configuration » puis « URL de votre site Spip » dans la partie privée de Spip ? L’erreur peut venir de là...

    • Comme tu dis GezuS, c’est facile à analyser.

      Moi aussi j’obtiens le texte type :

      http://127.0.0.1/www2/site1/spip.php?page=multiviewer&id_article=234&viewer=autoviewer

      à la place de mes belles images.

      et comme l’URL est exacte pour tout le reste du site et dans la config je continue à chercher pourquoi ici ça donne une erreur.

      je ne sais pas si c’’est lié mais en regarder le code généré avec Firebug il indique http://127.0.0.1/www2/site1/spip.php?page=multiviewer&amp;id_article=234&amp;viewer=autoviewer

      dd

    • Attention, tu fais tourner ton site en local (127.0.0.1) cela peut poser des problèmes, essayes déjà avec un site hébergé sur un serveur web réel, PAS EN LOCAL !

      Repasse par le forum si tu as tjrs des soucis...

      Bon courage

    • J’ai le même souci avec le fonctionnement du site, que ce soit en local ou sur hébergeur.
      Du coup, j’ai remis la version non full, 1.0.3 et elle fonctionne parfaitement. Je ne comprend d’ailleurs pas trop la différence entre les 2 ?

    Répondre à ce message

  • Bonjour,

    je cherche à ajouter le paramètre wMode transparent dans le js car les anims flash générées se placent au dessus de certains éléments, notamment les fenêtres ou menus en ajax. Mais impossible de trouver comment faire. Il n’y a pas ces paramètres dans les fichiers de conf des viewer, et le js est incompréhensible pour moi. Comment puis je faire ?

    Merci

    Répondre à ce message

  • Voici l’erreur quelque soit le viewer, j’ai testé avec plusieurs format d’image, et j’utilise sparka+spip 2.10

    Warning : Invalid argument supplied for foreach() in /homez.231/codsrwzh/www/plugins/auto/multiviewer_full_2_modby_gezus/modules/addon-simpleviewer.php on line 37

    Répondre à ce message

  • 1

    Bonjour,
    lors que j’installe le multiviewer en mode autoviewer, je ne trouve pas le moyen de revenir à la page de l’article à partir du moment où je suis sur la galerie en autoviewer.
    Est ce qu’il y a qq chose a activer, une manipulation spécifique à faire ?
    Merci d’avance de vos réponses.

    • Non rien à activer désolé.
      -  Lis la doc du plugin pour utiliser un squelette ou l’autre (celui avec du javascript), et ensuite va voir le squelette que tu utilises (dans le répertoire du plugin) et modifies le en fonction de tes besoins...

      voilà.

    Répondre à ce message

  • Antoine sereine

    J’essaie de mettre en route le plugin, un peu laborieux pour moi, compétence limitée
    pour l’instant je butte sur une erreur
    Warning : Invalid argument supplied for foreach() in /space/www/gl-ouv/2/8/2803011109224541/web/les-artisans.org/www.les-artisans.org/html/labeslogue/plugins/auto/multiviewer_full_2_modby_gezus/modules/addon-imagerotator.php on line 43

    et en line 43 j’ai ceci
    foreach ( $tabDocument as $document)
    Si vous pouvez me guider, merci

    Répondre à ce message

  • 3

    Bonjour,

    j’ai de drôle de comportement avec les très grandes images, et le comportement ne semble pas être le même selon le viewer que j’utilise. Tout d’abord, voici les infos de l’image générés dans le XML :

    url : IMG/jpg/acsq-2.jpg
    caption : acsq-2
    width : 3872
    height : 2592

    Et maintenant voici un résumé de comment s’affiche cette image selon le viewer :
    AUTOVIEWER : Le cadre blanc est de la bonne grandeur mais l’’image est tronquée à droite, ce qui donne pour résultat une image étirée.
    IMAGEROTATOR:L’image est tronquée à droite mais elle n’est pas déformée à l’affichage
    TILTVIEWER : l’image est affichée correctement mais elle est tellement grande qu’elle cache toutes les autres images
    POSTCARD : L’image est tronquée à droite mais elle n’est pas déformée à l’affichage. Quand on clique sur l’image, on a un méga zoom sur une petite partie de l’image
    SIMPLEVIEWER : L’image est tronquée à droite mais elle n’est pas déformée à l’affichage

    Bref, est-ce un problème connu qu’il y a une mauvaise gestion des très grandes images ?

    Merci de votre aide

    • Salut, aucune idée précise sur ton problème d’images tronquées.

      Par contre les différents viewer produisent des affichage qui peuvent différer c’est normal car les fichiers de config des différents viewers ne sont pas homogènes, et il se peut qu’ils contiennent des erreurs de config.
      Par exemple certains viewers ont un paramètre qui précise l’orientation des images (portrait ou paysage) ou encore un paramètre concernant la taille maximale des images dans la galerie.

      Test facile : Le mieux pour toi est de vérifier si avec des images de taille inférieure (essayes du 800x600 pour commencer) cela fonctionne correctement.

      PS : de mon coté j’a i eut des soucis avec postcard et tiltviewer pour l’affichage des grandes images, les autres viewers produisent toujours un affichage correct avec des images jusqu’à 1600x1200 et plus peut être...

    • Bonjour Gezus,

      j’ai déjà fait ton test, et en effet tout fonctionne normalement avec des images de taille raisonnables. Je ne sais pas exactement où faire connaître ce problème de façon officiel, mais je considère que cela est un bogue.

      Pour contourner le problème, je demande aux gens avec des images de 4Mo et plus de réduire la taille de l’image pour réduire la taille du fichier, et de ne pas simplement réduire la qualité de l’image. 1600x1200 serait probablement une bonne grandeur maximale, surtout si tu dis que tu as eu des problèmes avec les images plus grandes.

      Merci

    • Le pb rencontré avec les grandes images n’est pas lié au plugin mais aux viewers.

      Tu peux essayer de regarder les fichiers de conf des viewers, et aller voir les instructions sur le site des créateurs des viewers respectifs pour plus d’infos.
      Concernant la taille des images max, je le répète, il faut fouiller la config du viewer que tu utilises pour l’adapter à la taille des images habituellement utilisées sur ton site.

      Bonne continuation

    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