Plugin Multiviewer pour SPIP 1.9.2 et Squelette

Une version adaptée à Spip 1.9.2 et son squelette plein écran

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Une version modifiée pour Spip 1.9.2 du plugin Multiviewer
qui intègre le viewer imagerotator.
et un squelette d’affichage plein écran pour Multiviewer

Voici une adap­ta­tion du plu­gin Multiviewer pour fonc­tion­ner sur Spip 1.9.2

Plugin Multiviewer modifié Spip1.9.2 par Gezus

Télécharger le Plugin Multiviewer modifié Spip1.9.2 par Gezus

-  J’ai modifié le code du plugin pour qu’il soit compatible Spip 1.9.2

Modifications apportées à la version 1.0.3 du plugin

-  J’ai modifié l’appel à certaines fonctions utilisées dans les fichiers de définition et d’appel des viewers (addon-viewer.php et MVW_definition_viewer.php) pour des questions de compatibilité.

-  Modification du fichier Javascript swfobject.js pour des questions de compatibilité.

-  Intégration du viewer flash imagerotator dans le Multiviewer.
-  Ajout des fichiers de définition et d’appel pour la version pro de simpleviewer : simpleviewerpro.
-  Modification des paramètres de la balise #MULTIVIEWER pour accepter les 2 nouveaux viewer : imagerotator et simpleviewerpro.

-  Le fichier de configuration du plugin a aussi été modifié pour permettre d’utiliser des dimensions supérieures pour les galeries en plein écran, appa­rem­ment cela fonc­tionne bien sur mon Spip 1.9.2d.

Voir un exemple d’utilisation de Multiviewer avec de grandes dimensions d’affichage


Un squelette plein-écran pour le plu­gin Multiviewer

Squelette multiviewer par GezuS

Télécharger le Squelette Multiviewer_skel.html par Gezus

-  J’ai créé un fichier sque­lette pour afficher le mul­ti­vie­wer en plein écran.

Le squelette multiviewer_skel (c’est son nom !) permet d’afficher une page web contenant seulement le viewer et 2 liens en haut : Plein-écran / Quitter.

Le lien plein-écran ouvre une popup pleine page (adapté automatiquement à la résolution de l’utilisateur) et dépouillée du superflu :
sans barre d’outils, ni favoris, ni barre d’adresse, ni boutons d’accés rapide, ni menu, ni Rien !
(... ça déjà c’est quelque chose, car avec les instructions javascript touchant aux fenetres des browsers actuels, les réactions sont parfois inattendues)

De plus la fenêtre parente de la popup doit se fermer automatiquement après 5 secondes, laissant seulement la popup dépouillée et prête pour le plein écran.

Dans cette popup, si on presse F11, on passe en plein-écran réel dans la majorité des navigateurs.

Voilà pour le comportement de cette page squelette multiviewer_skel.

A savoir :
-  le squelette ne prend en compte que les documents jpg, mais on peut facilement ajouté les extensions png et gif aux critère de la boucle.
-  le squelette est configuré pour utiliser le viewer « simpleviewer » par défaut, on peut facilement le modifier.

Comment utiliser ce squelette de manière très simple

Pour créer un lien vers le multiviewer dans un squelette article.html :
#URL_PAGE{multiviewer_skel,id_article=#ID_ARTICLE}

Ou dans les articles en créant un lien vers l’adresse suivante :
spip.php ?page=multiviewer_skel&id_article=#ID_ARTICLE où #ID_ARTICLE est le numéro de l’article courant.

-  Voir un exemple d’utilisation du multiviewer_skel en plein écran
(cliquer le lien "Plein écran en haut, puis appuyer sur F11 ensuite pour le plein écran.)


A améliorer :

Le fichier squelette que je fournis n’est pas finalisé du tout, il n’a pas été testé bcp par manque de temps.
Testé dans Firefox et un peu IE, sous Linux et Windows, sur pc et sur mac, il se comporte assez bien pour utilisez le plein ecran... toujours cette touche F11 à presser mais bon je n’arrive pas à activer le support natif du plein écran dans les options des viewers.

Beaucoup de choses à faire du coté de la config des viewer, apparemment ils supportent plein de parametres

A l’heure actuelle le plu­gin charge les pho­tos depuis le reper­toire /IMG/ de spip, il serait inté­res­sant de pou­voir char­ger plu­tot des ver­sions rédui­tes des ima­ges en uti­li­sant le reper­toire /local/cache-vignet­tes/ pour accé­le­rer le char­ge­ment (au moins celui des vignet­tes).
En plus les vie­wer inté­grés dans le plu­gin ont tous un para­mè­tre pour pré­ci­ser le reper­toire des vignet­tes (thumb­nails) et ce para­mè­tre sem­ble inu­ti­lisé par le plu­gin mul­ti­vie­wer pour l’ins­tant.


Merci à C. Boutin pour ce joli plu­gin,
et merci à F. Turner de air­tigh­tin­te­rac­tive pour ces vie­wer flash très bien fait,
et à J. Wijering pour ImageRotator.


Liens utiles autour de ce plugin :

-  L’article sur le plugin Multiviewer pour Spip 2.0
-  L’article sur le add-on imagerotator pour Multiviewer Spip2.0
-  JW image rotator (english)
-  Comment fonctionne le swf de imagerotator

Discussion

3 discussions

  • 1

    Bonjour,
    Dans ta page de plein écran du rotator, sur ton lien, le bouton plein écran est inactif, pour le cacher, voici le code :
    dans :« addVariable( »usefullscreen« , « true ») ; » il faut mettre « false ».
    Voir mon dernier message dans imagerotator de C Boutin, avec le lien vers un de mes sites.
    A la fin de l’article en lien, tu as 2 fichiers à télécharger, dont la modification de code.
    Si tu as un moyen d’ajouter addParam.« allowfullscreen »,« true », alors ton plein écran se lancer du rotator directement.
    J’ai placé comme autre fichier joint les variables « traduites » par mes soins du rotator.

    • Merci pour ce post mais je ne comprend pas tout :

      -  

      sur ton lien, le bouton plein écran est inactif, pour le cacher, voici le code : dans :« addVariable( »usefullscreen« , « true ») ; » il faut mettre « false ».

      _ pourquoi le bouton est il inactif (non cliquable, sans effet) ?
      si j’écris false dans le code cela désactive seulement le bouton plein ecran dans le flash, rien de plus ...

      -  

      Si tu as un moyen d’ajouter addParam.« allowfullscreen »,« true », alors ton plein écran se lancer du rotator directement.


      s’il y a un moyen de lancer le plein écran a partir du flash, cela m’intéresse, mais il faut que tu sois plus précis car je ne comprend pas ton explication.

      -  J’ai bien vu tout les fichiers de ton article et je pense avoir intégré tous les paramètres dans le fichier de conf du viewer mais aucun resulat pour le plein ecran... je suis toujours preneur d’une solution !

    Répondre à ce message

  • 1
    gabylag

    Bonjour,

    J’ai tenté d’installer le plugin sur mon site.

    L’appel a la fonction dans l’article marche bien, mais j’ai remplacé le porte folio par l’appel de la fonction plein écran, et j’obtiens l’erreur ci-dessous :
    var foart1 = new SWFObject(« plugins/multiviewer_v1-0-3/multiviewer_v1.0.3//modules/simpleviewer-free.swf », « viewerart1 », « 100% », « 100% », « 8 », « #F0F0F0 ») ;

    J’obtiens le même genre d’erreur avec le nouveau plugin mis en ligne.

    Ma version de spip est la 2.0.8.

    PS : Quel est la résolution max du viewer dans un article ?

    • Salut ce plugin est fait pour SPIP 1.9.2 tu t’es trompé de version !

    Répondre à ce message

  • 13

    Bonjour,
    Plus d’explications (j’ai fait la même remarque à C Boutin qui lui non plus n’a pas pu trouver le moyen de mettre une boucle correspondant au plein écran).
    D’abord, regarde ici http://imagesetpeche.free.fr/spip.php?article15, c’est un essai multiviewerflash, avec imagerotator.
    Le premier rotator obéit aux règles de conformité du plugin, du moins celles que je lui ai donné, tu peux remarquer que le bouton « plein écran » à disparu : cela correspond à une déclaration dans « MVW_DEFINITION_imagerotator.php » :

    //— autoriser le bouton plein écran

    // Valeur par défaut : false

    $imagerotator[« usefullscreen »] = array (

    « VALEUR » => « false »

    , « TYPE » => « JS »

    , « remarque » => « Pour cacher le bouton plein écran. »

    ) ;

    C’est le code que tu connais.

    Par contre, le second rotator, lui est indépendant du plugin, (même s’il utilise le xml du rotator précédent) et correspond au code suivant : (pour l’utiliser, remplacer +++ par > seul moyen que j’ai trouvé pour faire apparaitre le code... )

    +++div id=« container »>+++a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player+++/a> to see this rotator.+++/div>

    +++script type=« text/javascript » src=« plugins/auto/multiviewer_v1.0.3/javascript/swfobject.js »}+++/script>

    +++script type=« text/javascript »>

    var s1 = new SWFObject(« plugins/auto/multiviewer_v1.0.3/modules/imagerotator.swf »,« rotator »,« 600 »,« 450 »,« 3 ») ;

    s1.addVariable(« shuffle »,« false ») ;

    s1.addVariable(« file »,« plugins/auto/multiviewer_v1.0.3/xml/gallery_2.xml ») ;

    s1.addVariable(« width »,« 600 ») ;

    s1.addVariable(« height »,« 450 ») ;

    s1.addVariable(« transition »,« none ») ;

    s1.addVariable(« rotatetime »,« 6 ») ;

    s1.addParam(« allowfullscreen »,« true ») ;

    s1.addVariable(« screencolor »,« 0xFFFFFF ») ;

    s1.write(« container ») ;

    +++/script>

    Tu vois bien que "allowfullscreen) est défini comme un paramètre et non comme une variable, si tu remplace Param par Variable, cela ne marche plus.

    Il faudrait faire une boucle définissant « Param » à l’intérieur de la boucle « Variables » du moins, c’est ce que je pense. Je ne suis pas capable de le faire.

    J’espère avoir été assez clair, sinon, je suis à ta disposition.

    • Salut, merci à toi pour l’explication détaillée, j’ai compris !

      -  C’est quand le viewer est appelé par la balise multiviewer que cela empêche d’utiliser le bouton plein écran du viewer.
      -  En chargeant le viewer avec ta solution, on évite l’appel du plugin multiviewer, donc on peut passer le paramètre « allowfullscreen » correctement au viewer.

      -  Je vais voir si on ne pourrais pas intégrer la gestion de ce param dans le plugin sans se casser la tête, ça serait plus pratique.

      Merci encore, et n’hésite pas si tu veux proposer des idées d’amélioration ou autres.

      PS : pour insérer du code dans un post sur le forum, il faut utiliser la balise html <code> et < /code> pour englober ton code afin qu’il s’affiche correctement.

    • ça y est, ça aura pas pris longtemps, je suis arrivé à modifier dans le fichier d’appel du viewer imagerotator pour activer le vrai plein écran natif :

      -  dans addon-imagerotator.php (fichier d’appel de imagerorator qui se trouve dans le répertoire « modules » du plugin multiviewer)

      -  j’ai ajouté l’instruction addParam avec les bons paramétres pour le plein écran :

      $txtreturn .= '    fo'.$id_galerie.'.addParam("allowfullscreen","true");'."\n";

      -  le code ci-dessus est à ajouter juste avant ces lignes :

      $txtreturn .= ’ fo’.$id_galerie.’.write(« flashcontent’.$id_galerie.’ ») ;’.« \n »
      .’

      ’.« \n » ;
      return $txtreturn ;

      -  et ça fonctionne nickel, meme quand j’apelle imagerotator depuis le plugin multiviewer !


      -  Bientot une mise a jour du plugin qui intégrera ce code.
      -  pour voir le résultat : voir ma galerie flash

    • Bonsoir,
      Après un long et weekend varié, j’ai repris ton message et fait les corrections voulues, le résultat est sur les sites déjà mentionnés plus bas. Donc, ça fonctionne !
      Avec multiviewer flash 103 chez free et dev chez leobaillard.
      Merci

      PS : je me suis aperçu que je ne m’étais pas identifié la fois précédente, milles excuses.

    • Salut, j’ai intégré les param plein écran pour imagerotator dans le plugin multiviewer pour spip 1.9.2.

      -  J’ai aussi intégré le choix du viewer par parametre dans l’url (pour le squelette multiviewer_skel.html), ce qui est relativement plus pratique que de se taper les toutes les lignes d’appel de la balise #multiviewer pour choisir et construire sa galerie dans un article.

      -  si quelqu’un sait comment activer le bouton plein écran (dans le flash) pour les viewer : autoviewer, postcard et simpleviewerpro ?
      Cela m’intéresse...

      Bientot la nouvelle version dispo.

    • Salut a tous

      existe t -il un moyen de fixer définitivement la barre de navigation sur l’animation.
      Quand on effectue un rollover elle disparait

      j’ai utilisé la variable shownavigation mais apparemment c’est juste pour l’affichage du début

      merci d’avance

    • SAlut de quel viewer parles tu ?

      j’ai utilisé la variable shownavigation

      Dans quel fichier as tu modifié cette variable ?

      -  Certaines variables semblent ne pas passer quand on les inscrits dans le fichier MVW_DEFINITION_tonviewer.php, on est obligé de les ajouter à la main dans le fichier addon-tonviewer.php

    • Patrick

      Bonjour,
      Pour répondre à ton soucis, j’ai trouvé un site sur lequel le menu ne disparait pas, c’est le rotator semble t il qui est en cause.
      J’ai replacé le rotator et avec le nouveau rotator les titres restent visibles...
      Comme l’ancien rotator et pas le « nouveau » embarquait le menu en se chargeant, et pas celui là, il faudra aussi changer le fichier « MVW_DEFINITION_imagerotator.php » dans modules en lui demandant :

      //— montrer le menu de navigation
      // Valeur par défaut : false
      $imagerotator[« shownavigation »] = array (
      « VALEUR » => « true »
      , « TYPE » => « JS »
      , « remarque » => « Pour afficher le menu de navigation. »
      ) ;

      Je peux te l’envoyer en privé si tu veux.

    • oui je veux bien merci !!
      je cherche depuis des jours mais je n’ai vu que la variable shownavigation et avec un survol de la souris on a plus la barre de navigation

      merci

    • salut GezuS,

      J’ai ajouté la variable shownavigation sur le javascript sur ma page où se situe mon rotator à la main
      sur la liste de mes variables je ne l’ai changé que là : « shownavigation » en true mais il ne s’affiche plus quand la souris passe dessus on est obligé de revenir sur l’animation ou de rafraichir la page

    • et savez vous aussi si c’est possible d’avoir un titre plus long genre sur plusieurs lignes dans la barre de navigation ?
      j’aimerai avoir une légende pour chacune de mes images

      merci a vous !

    • Nouvelle version de ce plugin dispo :
      -  2 squelettes inclus dans le plugin,
      -  utilisation simplifiée pour créer des galeries avec toutes les images d’un article,
      -  choix du viewer par parametre url,
      -  plein écran natif pour imagerotator,

      Télécharger Plugin Multiviewer FULL pour 1.9.2

    • problème résolu !

      merci patrick !

      en fait il fallait remplacer le swf

      merci à tous !

    • Salut dyna, si tu possèdes une version corrigé du swf d’un viewer, cela m’intéresse pour l’intégrer dans le plugin,

      car si tu as eut un problème avec l’ancien swf, d’autres rencontreront surement le meme problème...

      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