SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 290 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > MultiViewer Flash > Plugin Multiviewer pour SPIP 1.9.2 et Squelette

Plugin Multiviewer pour SPIP 1.9.2 et Squelette

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

6 juillet 2009 – par GezuS – 18 commentaires

Toutes les versions de cet article : [English] [français]

19 votes

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

Zip - 273.1 ko
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

HTML - 3.8 ko
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

Voir en ligne : Article d’origine sur Gezus.homelinux

Dernière modification de cette page le 6 octobre 2010

Retour en haut de la page

Vos commentaires

  • Le 13 juillet 2009 à 09:25, par Patrick En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

    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.

    • Le 15 juillet 2009 à 03:20, par GezuS En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      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

  • Le 25 août 2009 à 19:46, par gabylag En réponse à : Plugin Multiviewer pour SPIP 1.9.2 et Squelette

    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 ?

    Répondre à ce message

  • Le 15 juillet 2009 à 05:56, par ? En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

    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.

    JPEG - 57.5 ko
    • Le 16 juillet 2009 à 16:40, par GezuS En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      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.

    • Le 16 juillet 2009 à 17:29, par GezuS En réponse à : Plein écran natif depuis imagerotator -> ok !

      ç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

    • Le 20 juillet 2009 à 18:32, par Patrick En réponse à : Plein écran natif depuis imagerotator -> ok !

      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.

    • Le 29 juillet 2009 à 00:41, par GezuS En réponse à : Nouvelle version du Plugin pour Spip 1.9.2

      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.

    • Le 9 août 2009 à 03:11, par dyna En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      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

    • Le 9 août 2009 à 05:16, par GezuS En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      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

    • Le 9 août 2009 à 09:03, par Patrick En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      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.

    • Le 9 août 2009 à 18:00, par dyna En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      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

    • Le 9 août 2009 à 18:21, par dyna En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      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

    • Le 9 août 2009 à 18:23, par dyna En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      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 !

    • Le 10 août 2009 à 01:36, par GezuS En réponse à : Nouvelle Version Multiviewer FULL pour 1.9.2

      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

      PNG - 7.3 ko
    • Le 10 août 2009 à 03:26, par dyna En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      problème résolu !

      merci patrick !

      en fait il fallait remplacer le swf

      merci à tous !

    • Le 11 août 2009 à 18:10, par GezuS En réponse à : Plugin Multiviewer pour Spip 1.9.2 et Squelette

      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

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

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Adaptive Images

    15 novembre 2013 – 69 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Social tags

    8 septembre 2008 – 428 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • Module de Paiement Stripe

    17 octobre – commentaires

    Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents. Configuration (...)

Ça spipe par là