Plugin Multiviewer FULL pour Spip 2
(* Plugin Remis à jour le 15 oct 2010 à 22h30 *)
- Télécharger le plugin Mutliviewer Full pour Spip 2
et l’installer normalement dans /plugins/
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é :
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)
Merci à C. Boutin le plugin de départ,
et merci à F. Turner de airtightinteractive pour ses viewers flash,
ainsi qu’à J. Wijering pour le viewer ImageRotator,
et P.Dupouy pour ses précisions sur la config de imagerotator.
Discussions par date d’activité
28 discussions
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
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
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
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
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 :
la page du site affiche :
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
Hello
J’essaie cette fois d’utiliser ton plugin dans un squelette sommaire.html
Celui-ci contient le code
Le plugin est à jour de ce soir et mes images sont bien dans le portfolio de l’article 31 mais j’obtiens :
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&id_article=234&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
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
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
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 :
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 :
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.
Suivre les commentaires : |