Ma motivation
Souvent les viewers de galerie sont figées par le webmaster. Dans le cadre d’un site web pour mon club photo, j’ai voulu laissé le choix du viewer au rédacteur de l’article. Aussi je souhaitais des balises utilisables soit dans les squelettes, soit dans la rédaction de l’article.
Dans le cadre de la rédaction d’un article, je trouvé utile également de pouvoir placer une ou plusieurs galeries, par exemple une en haut avec les photos avant traitement puis un descriptif du travail d’élaboration et à la fin les images finales.
J’avais trouvé sur des viewers flash libres qui me plaisaient beaucoup, aussi j’ai cherché une solution pour les intégrer dans SPIP. J’ai d’abord trouvé le plugin PostCardViewer, pourquoi ne pas avoir simplement utilisé ce plugin PCV, déjà ma préférence se portait sur le viewer SimpleViewer, son fonctionnement est limité à afficher tous les documents d’un article.
Comment ça marche
En observant ces viewer Flash, je me suis aperçu qu’ils utilisaient souvent un fichier de description XML de la galerie. Il est facile à SPIP de générer ce fichier interface.
Par exemple, dans un article XX, je veux :
- Déclarer une nouvelle galerie nommée ’nomgalerie’ :
- dans l’article :
<MULTIVIEWERXX|NEW|nom=nomgalerie>
- dans le squellette :
#MULTIVIEWER{NEW,nomgalerie}
- Ajouter le document 26 dans la galerie ’nomgalerie’ :
- dans l’article :
<MULTIVIEWERXX|ADD|nom=nomgalerie|doc=26>
- dans le squellette :
#MULTIVIEWERXX{ADD,nomgalerie,26}
- Afficher la galerie ’nomgalerie’ :
- dans l’article :
<MULTIVIEWERXX|VOIR|nom=nomgalerie>
- dans le squellette :
#MULTIVIEWERXX{VOIR,nomgalerie}
- Choisir le viewer de la galerie ’nomgalerie’ :
- dans l’article :
<MULTIVIEWERXX|PARAM|nom=nomgalerie|viewer=postcard>
- dans le squellette :
#MULTIVIEWERXX{PARAM,nomgalerie,viewer=postcard}
autres paramètres de viewer (livré avec le plugin de base) :
-
<MULTIVIEWERXX|PARAM|nom=nomgalerie|viewer=autoviewer>
(sympa pour une page d’accueil, un bandeau)
-
<MULTIVIEWERXX|PARAM|nom=nomgalerie|viewer=simpleviewer>
(Celui que j’utilise le plus, la galerie d’image sur le côté, en dessous, ou... et la grande image sur le côté, classique et efficace.)
-
<MULTIVIEWERXX|PARAM|nom=nomgalerie|viewer=postcard>
(un peu fun, on clique ça s’agrandit, on clique le voisin, il arrive)
-
<MULTIVIEWERXX|PARAM|nom=nomgalerie|viewer=tiltviewer>
(Le plus délire des 4, un peu comme Postcard mais en plus ça bouge en 3D)
Autres balises : ## NOUVEAU ##
- Ajout de tous les documents par une balise unique
#MULTIVIEWER
ou#MULTIVIEWER{ALL}
Ce qui donne dans un article : <MULTIVIEWER>
ou <MULTIVIEWER|ALL>
ou plus pour spécifier le viewer : <MULTIVIEWER|ALL|TYPEGALERIE=postcardviewer>
- Ajout de tous les documents d’une rubrique ou d’un article :
#MULTIVIEWER{ADD,nomgalerie,-1}
Ce qui donne dans un article :<MULTIVIEWER|ADD|nom=nomgalerie|doc=-1>
Un exemple de squelette :
Exemple : Les 4 viewers sur une page, ils sont paramétrés petits pour que ça passe dans la page. L’esthétique a été oublié pour montrer la faisabilité technique.
Des modules d’extension
Il vous sera facile d’ajouter vos propres viewers flash. Pour cela il suffit de :
- Dupliquer un des fichier addon-monviewer.php et de l’adapter à votre viewer.
- Le déclarer dans le fichier : modules_liste.php
- Dupliquer un des fichier MVW_DEFINITION-monviewer.php et d’y déclarer les variables de paramétrage de votre viewer (répertoriées en fonction de où on les ajotue : JS, XML, HTML...)
Soit : A vous de jouer en ajoutantles votres dans le dossier /modules/
Le kit de départ - liste des viewers
Les viewers livrés avec le plugin sont ceux de Felix Turner, www.airtightinteractive.com
Ces versions sont libres (mais avec un lien vers son site), des versions débridés et anonymes sont dispos mais moyennant quelques dollars.
Evolutions très prochaines
Voir une galerie de tous les documents image : (pas encore dispo dans la v1.0)
- dans l’article : <MULTIVIEWERXX|ALL>
- dans le squellette : #MULTIVIEWERALL
et même plus simplement : - dans l’article :
- dans le squellette : #MULTIVIEWER
Un exemple : Rédaction d’un article
Premier exemple du plugin MULTI VIEWER :
- On initialise un viewer : <MULTIVIEWER8|NOUVEAU>
- on choisi le viewer et des paramètres : <MULTIVIEWER8|PARAM|typegalerie=autoviewer>
<MULTIVIEWER8|PARAM|largeur=550>
<MULTIVIEWER8|PARAM|hauteur=450>
- on ajoute une image <MULTIVIEWER8|AJOUTERDOC|doc=2>
- on ajoute une autre image <MULTIVIEWER8|AJOUTERDOC|doc=3>
- on affiche le viewer : <MULTIVIEWER8|VOIR>
{{{La suite de l'article}}}
Puis d'autres images en illustration,....
<MULTIVIEWER8|NOUVEAU|nom=toto>
<MULTIVIEWER8|PARAM|nom=toto|typegalerie=postcard>
<MULTIVIEWER8|PARAM|nom=toto|largeur=350>
<MULTIVIEWER8|PARAM|nom=toto|hauteur=350>
<MULTIVIEWER8|AJOUTERDOC|nom=toto|doc=2>
<MULTIVIEWER8|AJOUTERDOC|nom=toto|doc=3>
- on affiche le nouveau viewer :
<MULTIVIEWER8|VOIR|nom=toto>
Ce qui nous donne :
- En haut : une galerie avec AutoViewer
- En bas : une galerie avec PostCardViewer
Pour le Webmaster
Dans le fichier MULTIVIEWER_OPTIONS.PHP, il est possible de définir la taille par défaut et la taille maxi autorisée pour les viewer : Dans le cas d’un rédacteur un peu mégalo ;-) .
Les balises acceptent les autres balises comme argument :
[(#MULTIVIEWER{ADD,[(#ENV{nom}|sinon{#ID_ARTICLE})],#ENV{doc}})]
Exemple issu du modèle MULTIVIEWER_ADD.HTML : prend l’Id de l’article si le nom de la galerie n’est pas défini.
Code - Développement
J’ai essayé de respecter les fonctions dédiées à la V2 de SPIP :
- requêtes SQL : utilisation de
sql_select(), sql_fetch ()
- utilisation de
interprete_argument_balise($i,$p)
pour récupérer les arguments. Cette méthode permet de calculer les valeur si on récupère une balise comme :[(#MULTIVIEWER{NEW,[(#ENV{nom}|sinon{#ID_ARTICLE})]})]
sinon on récupère la balise sous forme de chaine. - pour les dossiers :
_DIR_PLUGIN_MULTIVIEWER
qui retouren le dossier du plugin et s’adapte en fonction de l’espace privé ou public. - je teste l’existence des fichiers avant de les charger, et je vérifie l’existence des fonctions des modules à charger.
Télécharger
Version 1.0.3 - Stable -
Version en développement
On y trouve notamment une page dans l’interface privée qui liste tous les viewer disponibles et les variables de paramétrage.
Discussions par date d’activité
72 discussions
Bonjour,
j’ai installé ce pluging et il fonctionnait parfaitement. j’ai installé d’autres plugings et depuis ma galerie ne fonctionne plus et j’ai ce message « MultiViewer nécessite JavaScript et le lecteur Flash. ».
J’ai mis à jour mon lecteur flash mais cela ne veut pas re-fonctionner !!!
Auriez-vous rencontré le même problème ? avez-vous une idée pour résoudre mon problème ?
Bonsoir,
Il faut vérifier que la balise #INSERT_HEAD est bien dans le squelette entre dans la balises HTML HEAD.
Bonsoir Titia,
Pour l’erreur : « MultiViewer nécessite JavaScript et le lecteur Flash. ».
Vérifie que la balise #INSERT_HEAD est bien présente dans ton squelette.
Pour t’aider regarde l’article : MultiViewer - Premiers Pas -
Bonne continuation,
Christophe B.
Répondre à ce message
Bonjour,
Excellent plugin
Mais j’ai un petit souci
J’aimerai qu’a l’ouverture de l’article, le diaporama se lance en automatiquement
J’ai vu une option dans le fichier : « MVW_DEFINITION_autoviewer.php » mais elle n’a pas l’air d’avoir d’effet !
Quelqu’un aurait une solution ?
Il semble que cette option soit dispo uniquement avec l’Autoviewer version PRO
Répondre à ce message
Bonjour à tous et bravo pour ce plugin !
Je souhaite utiliser le player Autovierwer en mode « Full Browser » pour obtenir ceci. Par défaut le viewer est mode « Small format ».
Quelqu’un a-t-il l’astuce ?
Merci par avance
Répondre à ce message
Bjr et merci pour ce plugin intéressant,
Une petite remarque, dans le début de l’article vous indiquez |viewer=XXXX pour le choix du viewer, alors que le code qui marche c’est
|typegalerie=XXXX
Les codes
<MULTIVIEWER|ALL> et <MULTIVIEWER|ADD|nom=nomgalerie|doc=-1>
ne marchent pas chez moi (galerie sans images du tout) (mais ça marche bien avec l’exemple de squelette inc-documents.html fourni), ou alors je n’ai pas su faire... (spip 2.0.9, plugin (v1.0.3 - STABLE - )). Je dois ajouter chaque image une à une.Les textes des titres d’images comportant des codes ne s’affichent pas. Il n’y a pas de gestion possible en multilangue ?
Sinon c’est bien, les images se chargent et défilent rapidement.
DM
Répondre à ce message
Salut,
Il y a un Bug de Multiviewer avec Internet Explorer 8.
Ca se présente, dans mes articles, comme un gros espace blanc entre mon texte et la diapo Multiviewer.
Je souhaite virer cet espace. Avez-vous ce bug ? et savez-vous comment le supprimer ?
Exemlpe : http://www.aseci-international.com/spip.php?article624
Répondre à ce message
Salut,
Voila j’ai installé multiviewer sur mon site, j’ai fait une galerie avec autoviewer sans souci. J’ai fait une autre galerie avec simpleviewer, par contre j’aimerais bien configuer l’affichage, par exemple l’image en grand dessous, avec les vignettes par dessus.
Regardez ce que ça donne sur mon site : http://samiz.design.free.fr/spip.php?article3
Si quelqu’un pourrai m’éclairer la dessus merci.
Samiz, j’ai trouvé la réponse à ta question. J’avais aussi la même question.
Il te suffit de changer les parametres dans le fichier : « MVW_DEFINITION_simpleviewer.php » (pour changer, tu renommes l’extension en .txt , et quand tu as fini tu le renomme en .php)
Répondre à ce message
Bonjour
Je suis désolé mais j’ai beau tout essayer je n’arrive pas à faire fonctionner ce plugin
Voici ce que j’ai fait sur notre site spip2.0.9 avec le squelette webetab :
télécharger et uploader le plugin
activer le plugin via l’espace privé
remplacer le fichier inc_documents dans les dossiers squelettes et webetab
copier ceci :
<MULTIVIEWER155|NEW|NOM=cross2009>
<MULTIVIEWER155|PARAM|NOM=cross2009|typegalerie=simpleviewer>
<MULTIVIEWER155|PARAM|NOM=cross2009|largeur=550>
<MULTIVIEWER155|PARAM|NOM=cross2009|hauteur=450>
<MULTIVIEWER155|ADD|NOM=cross2009|doc=123>
<MULTIVIEWER155|ADD|NOM=cross2009|doc=124>
<MULTIVIEWER155|VOIR|NOM=cross2009>
et cela ne semble pas fonctionner
Si quelqu’un pouvait m’aider, cela serait vraiment super sympa
Bonne journée
SylvainB
...pareil ! j’ai la même question
Le seul moyen que j’ai trouvé pour faire fonctionner le multiviewer est d’intervenir sur le squelette avec la syntaxe proposée dans ce forum et dans le fichier d’exemple à télécharger plus haut « Exemple de squelette (simple) ».
J’ai copié collé les boucles de ce squelette dans mon fichier.
Tout les autres codes à intégrer dans un article, ou les autres balises donnés en exemple ne fonctionnent pas non plus pour moi.
D’autres part, le multiviewer qui fonctionne le mieux est simpleviewer. Les autres font bugger mon navigateur (firefox 3.5 sur windaube).
Répondre à ce message
Est-il possible d’avoir un usage de ce plugin pour faire un diaporama de logo d’articles, et pas de documents ?
Si oui, comment ?
Répondre à ce message
Est-ce que quelqu’un saurait me dire quelle boucle je dois mettre dans un squelette afin d’extraire les images d’un article bien précis et les présenter avec un des viewer. J’ai retourné le problème dans tout les sens et malgrès ma très bonne connaissance des boucles SPIP, impossible de les faire fonctionner dans le cas présent.
Donc une boucle de base présentant les images stockées en documents.
Cdt
nico
Bonjour,
Pour ma part, je voulais un bandeau en haut de page (le même pour toute les pages de mon site - les images sont dans ma rubrique 3 et je voulais imagerotator, mais cela marche avec les autres types de galerie), j’ai donc utilisé ceci inséré dans inc-entete.html et cela marche très bien :
(PS : rajouter les balises d’ouverture, car je ne parviens pas à les insérer dans le texte de ce message...)
Merci pour ce plugin !
Bonjour,
Un bandeau flash ?
Répondre à ce message
Bonjour,
j’ai installé ce plugin (version 1.0.3) sur un spip 2.0.9, en utilisant le portfolio fourni et en insérant le code dans ma page article
Apres quelques tatonnements j’ai réussi à afficher les images comme voulu ( simpleviewer), nickel.
Mais lorsque je n’ai pas d’images dans l’article, je me retrouve avec un message d’erreur
et le plugin se charge sans image, augmentant ainsi la taille de la fenetre de page pour rien :P
Comment conditionner lappel à Multiviewer à la présence de doc ?
Merci
Question subsidiaire : comment afficher le titre et la description des photos dans simpleviewer ?
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 : |