SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

280 Plugins, 196 contribs sur SPIP-Zone, 114 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > MultiViewer Flash > MultiViewer Flash

MultiViewer Flash

Galerie Photo Flash au choix pour SPIPv2

11 mai 2009 – par Christophe Boutin – 144 commentaires

41 votes
  • 4 viewers Flash au choix, de base, mais extensible...
  • paramétrable par le rédacteur,
  • possibilité de voir plusieurs galeries sur une page avec différents viewers.
  • des balises de paramétrages utilisables dans vos squelettes ou vos articles,
  • Ajouter facilement à SPIP vos propres viewers flash personnalisés (interface par fichier XML)

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 :

HTML - 1.7 ko
Exemple de squelette (simple)
Pour remplacer le portfolio dans les articles. Ce fichier remplacera celui des squelettes de bases livrés dans la version en téléchargement de SPIP (testé sur 2.0.5 et 2.0.7).

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

Zip - 202.7 ko
PLUGIN MUTLIVIEWER (v1.0.3 - STABLE - )
-  Ajout de la balise #MULTIVIEWER{ALL}
— Ajout de tous les documents d’une rubrique ou article = #MULTIVIEWER{ADD,nomgalerie,-1}

Version 1.0.3 - Stable -

Zip - 248.4 ko
Dernière version en DEV
Ajout de la visu. des paramètres possibles pour chaque viewer dans l’espace privé.
ATTENTION : Beaucoup ont eu un gros bug avec cette version DEV. voir le forum

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.

P.-S.

Si vous aimez ce plugin, et pour encourager le développement de ce plugin : N’hésitez pas à inscrire votre site sur : plugins.spip.net. Merci,

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 26 novembre 2011 à 19:14, par michael En réponse à : MultiViewer Flash

    Bonjour !

    Une petite question. J’aimerais pouvoir utiliser spip pour redimensionner les images et donc ne plus utiliser directement le document original. Où faire les modifications ?

    Merci d’avance !

    Répondre à ce message

  • Le 13 novembre 2011 à 21:40, par alisssam En réponse à : MultiViewer Flash

    bonjour,

    Merci pour ce blugin, je l’utilise pour le site www.jeremierigaudeau.fr/spip en developpement mais je rencontre une seule difficulté : ne pas afficher le nom de mon fichier sur l’image dans la galerie. Je n’arrive pas à trouver le moyen d’enlever le nom de mon image en plein sur les photos.
    Pouvez-vous me donner une piste ?

    Bonne continuation à vous et merci d’avance pour votre réponse

    AliSs

    ps : en pj une capture écran

    PNG - 200.4 ko
    • Le 14 novembre 2011 à 20:29, par ? En réponse à : MultiViewer Flash

      Désolée ma demande n’était pas très claire, voici le lien d’un exemple d’article :
      http://jeremierigaudeau.fr/spip/spip.php?article16
      j’ai modifié l’affichage pour que la galerie soit plus grande, seulement le nom du fichier (16 | 13 | 2011_05_26-12-33-42) apparaît en plein dans les images. Je voudrais qu’il n’apparaisse pas du tout.

      De plus la galerie s’affiche sur tous les articles d’office sans prendre en compte si il y a oui ou non des documents joints pour créer la galerie. Est il possible de l’activer seulement sur les articles qui ont des doc joints ?

      j’ai inséré ma galerie directement dans mon squelette article via inc-doc ( http://www.spip-contrib.net/MultiViewer-Premiers-Pas )
      merci pour votre réponse, (aliss.samson@gmail.com)

    Répondre à ce message

  • Le 7 août 2011 à 13:55, par florent En réponse à : MultiViewer Flash

    Bonjour,

    Lorsque je valide les différentes lignes de codes permettant d’afficher MULTIVIEWER il s’affiche dans l’article le message suivant : « MULTIVIEWER nécessite javascript et flash player »

    Je suis en train de faire un site avec wampserver et les galeries multiviewer ne s’affichent pas. Est-ce parce que je suis sur un serveur virtuel que ça ne fonctionne pas ou cela devrait-il quand même fonctionner ?

    Merci pour votre aide

    Répondre à ce message

  • Le 10 avril 2011 à 18:27, par Boris En réponse à : MultiViewer Flash

    Bonjour.
    J’utilise le plugin et il marche très bien avec autoviewer . Mais petite question quand même : est il possible de faire disparaitre le nom de l’image qui s’inscrit en blanc en haut à gauche de l’image. J’ai regardé dans multiviewer.php (est-ce le bon fichier ?), mais mes connaissances plus que lacunaires en PHP ne m’ont pas aidé à trouver.

    Merci

    Répondre à ce message

  • Le 12 octobre 2010 à 03:51, par Elven En réponse à : MultiViewer Flash

    Bon ben rien .. il ne se passe rien à part le message suivant :

    Multiviewer nécessite Javascript et le lecteur flash
    Mon javascript est pourtant activé
    Et le lecteur flash ... Ben il est bien intégrer dans mon navigateur

    Bon, quelqu’un a t il réussi à le faire fonctionner ?

    • Le 10 décembre 2010 à 19:13, par linc En réponse à : MultiViewer Flash

      Bonsoir,
      j’ai exactement le même problème que toi... ’Multiviewer nécessite Javascript et le lecteur flash ’
      as-tu trouvé une solution ?
      Merci d’avance

    Répondre à ce message

  • Le 29 octobre 2010 à 10:48, par Flo En réponse à : MultiViewer Flash

    Bonjour,

    J’ai quelques soucis avec ce plugin :

    Je l’intègre dans ma page article grâce à ce code

    1. <INCLURE{fond=multiviewer_full}{id_article=#ID_ARTICLE}>

    -  Fonctionne très bien avec autoviewer, simpleviewer (formats testés) mais un problème subsiste avec imagerotator. Tout s’affiche mais le swf n’est pas à la bonne taille (trop petit). Et je ne vois pas où modifier la taille dans le fichier MVW_DEFINITION_imagerotator.php....

    -  Je ne trouve pas où modifier la taille de la police des titres des images qui apparaissent dans la galerie pour autoviewer

    -  De manière générale, il semblerait que même en modifiant les paramètres des fichiers MVW_DEFINITION, comme la taille des cadres, rien ne soit modifié sur le site..à part la couleur de fond. Est-ce normal ?

    J’espère que quelqu’un pourra me répondre rapidement

    Merci d’avance

    Répondre à ce message

  • Le 17 septembre 2010 à 04:02, par ifUZ En réponse à : MultiViewer Flash

    bon
    je relance un peu le débat
    après être arrivé à faire fonctionner ce magnifique plugin en suivant la doc et en copiant collant l exemple squelette ci dessus (pour ceux que ça intéresse).
    j ai installé la version pro, maintenant j avoue mes compétences sont limitées et la fonction fullscreen prévue semble fonctionner grâce à un script ! type :

    1. Note: For fullscreen mode to work the 'allowfullscreen' flash param must be set to true in the HTML doc

    et en cherchant le code source sur la page de demo du plug original on a

    1. <script type="text/javascript">
    2. var flashvars = {};
    3. flashvars.galleryURL = "gallery.xml";
    4. var params = {};
    5. params.allowfullscreen = true;
    6. params.allowscriptaccess = "always";
    7. params.bgcolor = "222222";
    8. swfobject.embedSWF("simpleviewerpro.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
    9. </script>

    Télécharger

    Certain que ma question coule de source contrairement à sa réponse,quelqu’un aurait il une idée de l’ endroit et du comment intégrer cette commande ?
    merci

    • Le 22 septembre 2010 à 12:08, par Mopti En réponse à : MultiViewer Flash

      Même problème. Ne faut-il pas modifier le viewer avec svbuilder livré dans la version pro ? Car dans les démos de www.simpleviewer.net, les diaporamas sont déjà en 100% de la page.

    • Le 22 septembre 2010 à 13:57, par ifUZ En réponse à : MultiViewer Flash

      le svbuilder créer la config pour le swf et intègre juste le bouton plein écran.
      config, par ailleurs , que je n arrive pas franchement à exploiter à 100%...
      mais si j en crois la docu de simpleviewer.net c’est la page .html qui accueil le swf qui doit contenir le code ; et l index livré dans le dossier web est effectivement en possession dans son head des infos concernant le fullscreen.
      Et ce sont donc ces mm infos qu il faudrait intégrer dans le head de la page de spip. J ai bien essayé de le mettre dans le fichier head et d autres, mais sans succès pour l’ instant....

    • Le 23 septembre 2010 à 00:13, par Mopti En réponse à : MultiViewer Flash

      Pour l’intégrer dans le header : dans le fichier multiviewer_head.php du plugin, vous modifiez ainsi :

      function multiviewer_insert_head($flux)
      {
         $flux .="\n".'<script src="'._DIR_PLUGIN_MULTIVIEWER.'javascript/swfobject.js"'
                   .' type="text/javascript"></script>'."\n\n"
                   .'<script type="text/javascript">'."\n"
                              .'var flashvars = {};'."\n"
                              .'flashvars.galleryURL = "gallery.xml";'."\n"
                              .'var params = {};'."\n"
                              .'params.allowfullscreen = true;'."\n"
                              .'params.allowscriptaccess = "always";'."\n"
                              .'params.bgcolor = "222222";'."\n"
                              .'swfobject.embedSWF("simpleviewerpro.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);'."\n"
                      .'</script>'."\n"
      ;
         return $flux;
      }

      Mais cela ne fonctionne pas mieux pour moi !

    • Le 10 octobre 2010 à 11:57, par GezuS En réponse à : MultiViewer Flash

      Salut ici !

      Pour afficher une galerie en plein écran, que le viewer choisi (simpleviewerpro ou autre) le supporte directement dans le flash avec un bouton fullscreen ou pas, allez voir cet article :

      -  MULTIVIEWER FULL pour SPIP2

      C’est précisemment le but de ce plugin d’avoir TOUS les viewers en PLEIN ECRAN directement, sans rien avoir à modifier.
      De plus la version du Multiviewer Full proposé supporte directement 6 viewers.

    Répondre à ce message

  • Le 16 août 2009 à 09:42, par rcaron En réponse à : Auto viewer Pro

    Bonjour,

    J’ai installé autoviewer pro... mais mal, sans doute...

    J’ai créé :

    -  addon-autoviewerpro.php
    -  MVW_DEFINITION_autoviewerpro.php

    J’ai rajouté :

    -  autoviewerpro.swf

    J’ai modifié :

    -  modules_liste.php

    Mais j’ai toujours un message d’erreur :
    ERREUR dans le Plugin MULTIVIEWER : Le type de viewer choisi () n'est pas défini dans les modules du plugin MULTIVIEWER.

    Je ne comprends plus rien

    • Le 14 septembre 2010 à 20:12, par ifUZ En réponse à : MultiViewer Flash

      bonjour
      je procède au mm changement y êtes vous arrivé au final ?
      si oui auriez vous un fil pour que je suive !
      merci

    • Le 15 septembre 2010 à 09:07, par rcaron En réponse à : MultiViewer Flash

      Pas réussi à trouver la solution. Abandonné cette piste.

    • Le 22 septembre 2010 à 12:24, par Mopti En réponse à : MultiViewer Flash

      Avez vous utilisé, par exemple, ce code à intégrer dans l’article (pour simpleviewerpro) :

      <MULTIVIEWER7315|NOUVEAU>
      <MULTIVIEWER7315|PARAM|typegalerie=simpleviewerpro>
      <MULTIVIEWER7315|PARAM|largeur=675>
      <MULTIVIEWER7315|PARAM|hauteur=700>
      <MULTIVIEWER7315|AJOUTERDOC|doc=3120>
      <MULTIVIEWER7315|AJOUTERDOC|doc=3121>
      <MULTIVIEWER7315|AJOUTERDOC|doc=3122>
      <MULTIVIEWER7315|AJOUTERDOC|doc=3123>
      <MULTIVIEWER7315|AJOUTERDOC|doc=3124>
      <MULTIVIEWER7315|VOIR>

      7345 = le numéro de l’article et 3120 l’une des images du diaporama.

      j’ai modifié
      -  balise/multiviewer.php ligne 227 et 228
      dupliqué
      -  modules/addon-simpleviewer.php en addon-simpleviewerpro.php et cherché/remplacé autant que nécessaire les « simpleviewer » en «  »simpleviewerpro"
      modifié
      modules/modules_liste.php ligne 35 et 52
      dupliqué
      -  modules/MVW_DEFINITION_simpleviewer.php en MVW_DEFINITION_simpleviewerpro.php et cherché/remplacé autant que nécessaire les « simpleviewer » en «  »simpleviewerpro"
      MVW_DEFINITION_simpleviewerpro.php
      ajouté « simpleviewer-pro.swf » avec le trait d’union dans /modules/

    • Le 22 septembre 2010 à 13:41, par ifUZ En réponse à : MultiViewer Flash

      je vous remercie pour votre réponse
      pour ma part je suis arrivé a faire fonctionner le simpleviewerpro et l autoviewerpro en bidouillant les mm fichiers que ceux que vous préconisez à quelques détails prés (que je vais explorer), mais en utilisant pour l’ intégration du swf le modèle à insérer dans le squelette téléchargeable : exemple de squelette.
      Et ça fonctionne ! Seul bémol la configuration des paramètres, nécessiterait qu un expert en xml java ou j sais pas trop quoi, nous montre le chemin, car il y a beaucoup a configurer et le svbuilder créer un fichier que perso je ne sais pas adapter à la config....
      J avais mis un post également pour le plein écran qui nécessite l’ intégration d’ un code dans le body pour lequel j ai toujours pas de solution malgré mes recherches...

    Répondre à ce message

  • Le 27 août 2010 à 14:45, par vans En réponse à : MultiViewer Flash

    Bonjour,

    Je souhaite mettre en place un simpleviewer comme indiqué

    <MULTIVIEWER8|NOUVEAU> <MULTIVIEWER8|PARAM|viewer=simpleviewer> <MULTIVIEWER8|PARAM|largeur=750> <MULTIVIEWER8|PARAM|hauteur=400> <MULTIVIEWER8|AJOUTERDOC|doc=5> <MULTIVIEWER8|AJOUTERDOC|doc=3> <MULTIVIEWER8|AJOUTERDOC|doc=4> <MULTIVIEWER8|AJOUTERDOC|doc=2> <MULTIVIEWER8|VOIR>

    mais obtiens incontournablement un autoviewer...
    Quelqu’un a t’il rencontré ce problème ?

    Merci pour vos retours

    Répondre à ce message

  • Le 23 août 2009 à 07:52, par Perline En réponse à : Femme à poil pour démontrer quoi ?

    Bonjour,
    On est obligée de se retrouver à poil, nous les femmes, pour n’importe quelle raison ?
    Je cherche une info technique et, en tant que femme, je suis agressée par les « illustrations » qui n’amènent, évidement, rien, à la démonstration.
    Un monde d’hommes, pour les hommes, avec exposition-vente du corps des femmes.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Liens explicites

    15 juin 2011 – 41 commentaires

    Styles et pictos explicitant les liens du site : documents à télécharger, liens externes, mailto, etc. (avec ouverture possible en nouvelle fenêtre). Les liens pointent souvent vers d’autres pages HTML mais aussi vers d’autres types de documents et (...)

  • GIS 4

    11 août 2012 – 838 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Plugin Multidomaines 2.x

    10 juillet 2012 – 45 commentaires

    Le plug-in Multidomaines permet d’associer un nom de domaine ou un sous-domaine a un secteur Spip. Les balises rajoutées permettent de pointer un lien absolu aussi facilement qu’avec les balises originales. ATTENTION ! Le plugin n’est pas (...)

  • Forms&Table 2.5

    21 septembre 2012 – 118 commentaires

    Gestion et administration de formulaires éditables. Ce plugin permet également la publication de sondages et enquètes, la collecte des réponses dans la base de données et le téléchargement au format csv. Ce plugin est une adaptation de la version pour (...)

  • Utilisation avancée du plugin Thélia

    22 juin 2008 – 108 commentaires

    Associer des produits aux articles, url-rewriting et multilinguisme