Identifiants personnels


Moi ... Moi ... et re Moi
« [UBUNTU] Compiler Flvtool2   Informatique  [SPIP] Spip.ici.ous »

[SPIP Plugin] XSPF : Le modèle rotator

lundi 9 février 2009, modifié le 12 mars 2009, par Quentin Drouet

Cet article explique l’utilisation du modèle "rotator" fourni par le plugin XSPF pour SPIP.

Il est optimisé pour le lecteur "JW Image Rotator 3.17".

Utilisations

Le modèle peuvent être utilisés de deux manières différentes :

Dans la rédaction de contenu en insérant les modèles de la sorte par exemple :

<rotator77> pour afficher les documents associés à l’article 77

<rotator1|rubrique=12|width=320|height=140> pour afficher les documents de type "images" associés à la rubrique 12 en lui passant des options particulières surchargeant celles choisies dans la configuration du plugin.

Dans les squelettes (les exemples ci-dessous reprennent exactement le même fonctionnement que ceux ci-dessus)

[(#MODELE{rotator}{article=77})]

[(#MODELE{rotator}{rubrique=12}{width=320}{height=140})]

Configuration

Le modèle reprenant les options proposées par le lecteur mediaplayer offre les paramètres suivant :

  • align : left|center|right,center :
  • wmode : transparent|opaque ... gère le paramètre flash wmode (pour utilisation avec thickbox notamment)
  • menu : boolean true|false : Affiche ou cache le menu du lecteur au clic droit

Définition du Layout :

  • width : px|%,100% : Largeur du lecteur
  • height : px|%,100% : hauteur du lecteur

Définition des couleurs :

  • backcolor : string : couleur héxadécimale
  • frontcolor : string : couleur héxadécimale
  • lightcolor : string : couleur héxadécimale
  • screencolor : string : couleur héxadécimale

Définition de l’apparence du lecteur :

  • jwlogo : url
  • overstretch : true|false|fit|none,none
  • showeq : boolean true|false : Affiche l’equalizer sur le lecteur (utile pour des fichiers mp3)
  • showicons : boolean true|false : Montrer l’icone d’activit&eacute et le bouton de lecture au milieu du lecteur
  • transition : fade|bgfade|blocks|bubbles|circles|fluids|lines|random|slowfade,fade : choisi la méthode de transition

Définition de l’apparence de la barre de contôles :

  • shownavigation : true|false,true Active/désactive la barre de navigation.
  • usefullscreen : true|false,true

Définition du comportement lors de la lecture :

  • audio : string,url : Url d’un fichier audio à lire lors de la lecture des images
  • autostart
  • repeat : true|false,true
  • rotatetime : int,5 : Nombre de secondes entre les rotations d’images
  • shuffle : true|false,false

Communication externe :

  • enablejs : boolean true|false,true
  • javascriptid : string,player
  • link : url
  • linkfromdisplay : true|false, false
  • linktarget : _blanl|_self|_parent|_top|framename, _self

Pour connaître le rôle exact de chacune de ces fonctions rapportez-vous à la documentation officielle du lecteur "rotator" de Jeroen Wijering

Exemples

Affichage des documents (images) de l’article 77 grâce à imagerotator (<rotator77>)

rotator 1

Affichage de ces mêmes documents mais avec des options différentes (<rotator77|menu=false|shownavigation=false|linkfromdisplay=false|autostart=true>)

rotator 77

Liens connexes

Répondre à cet article


commentaires fermes
  • [Rotator] Sélection des images 8 décembre 2009 09:12, par fdj

    Bonjour,

    Je voudrais savoir s’il existe une possibilité de choisir parmi les documents d’un article ceux que l’on veut mettre dans le rotator ? J’utilise en effet les documents pour proposer des téléchargements et pour avoir plusieurs logos d’article : il ne faudrait pas que ces images tournent dans le rotator.

    Merci de vos conseils !

  • [SPIP Plugin] XSPF : Le modèle rotator 29 octobre 2009 11:47, par KMk

    Bonjour,

    Jusqu’à ce jour, j’utilisais le rotator avec succès... Y a-t-il eu entre temps une révolution dans le monde du flash ? Alors que les lecteurs sont bien présents, le message suivant apparaît (de même que sur votre page) :

    « Vous devez installer le module flash correspondant à votre navigateur pour voir ce contenu. »

    Le module flash était là et y est toujours...

    Avez-vous une petite idée de l’origine soudaine de ce revirement ?

  • [SPIP Plugin] XSPF : Le modèle rotator 1er août 2009 19:31, par Jack31

    Bonjour,

    1/ J’ai essayé d’intégrer dans un squelette (en SPIP 2.0.8) le modèle "rotator" comme indiqué dans l’exemple de l’article ci-dessus... je n’y suis pas arrivé ! Suis-je le seul pour qui ça ne fonctionne pas,où y-a-t-il des précautions particulières à prendre ?

    Alors j’ai intégré dans mon squelette la boucle suivante

            <BOUCLE_ArticlesXSPF(ARTICLES){id_mot=43}>       
                            <div> [(#TEXTE)]</div>
                    </BOUCLE_ArticlesXSPF>       

    A signaler que je dois aussi mettre la balise #TEXTE sinon ça ne fonctionne pas.

    2/ l’article sur lequel on mettra le mot clé "43" va changer tous les trois ou 6 mois... Alors est-il possible de mettre les images en cache afin d’augmenter le temps de chargement ? Dans l’article actuel il y a 37 images alors c’est assez long au démarrage.

    3/ Je souhaiterais pouvoir personnaliser la barre de navigation :
    - n’afficher la légende que s’il y a un titre défini (si rien aujourd’hui c’est le nom du fichier)
    - pouvoir passer la barre de navigation sous la photo
    Est-ce possible ? Je n’ai pas vu quels fichiers il fallait modifier.

    Par avance merci,

    Jacques

    • [SPIP Plugin] XSPF : Le modèle rotator 24 août 2009 23:01, par Jack31

      Bonjour,

      En fait pour les 1 et 2 c’est réglé... Le 1, c’est probablement moi qui mélangeait la syntaxe de l’insertion du modèle dans l’article et celle du squelette ! Quand au 2 le cache est semble-t-il bien présent.

      Maintenant je reste avec la question 3 qui me turlupine... comment personnaliser l’affichage ?

      Et j’en ai une nouvelle, qui ne touche pas que ce plugin d’ailleurs, est-il possible de faire passer dans le squelette en paramètre un mot clé pour sélectionner l’article ? J’ai essayé [(#MODELE{rotator}{article}{id_mot=43} {width=200}{height=145} {shownavigation=false} )]... mais manifestement ça ne fonctionne pas

      Par avance merci,
      Jacques

      • [SPIP Plugin] XSPF : Le modèle rotator 28 août 2009 23:19, par Quentin Drouet

        comment personnaliser l’affichage ?

        C’est à dire ? quel type de personnalisation ?

        Et j’en ai une nouvelle, qui ne touche pas que ce plugin d’ailleurs, est-il possible de faire passer dans le squelette en paramètre un mot clé pour sélectionner l’article ? J’ai essayé [(#MODELErotatorarticleid_mot=43 width=200height=145 shownavigation=false )]... mais manifestement ça ne fonctionne pas

        Non ... tout simplement parce que cela voudrait signifier que ce sont les documents qui ont le mot numéro 43 (on se base sur des documents ici pas sur des articles)

        La solution est donc :

        Cela marchera si tu n’as qu’un seul article avec le mot 43... après c’est autre chose...

        • [SPIP Plugin] XSPF : Le modèle rotator 5 septembre 2009 08:40, par jack31

          Merci beaucoup pour cette solution qui est beaucoup plus propre que tout ce que j’avais essayé.
          Alors oui effectivement si le mot clé est mis sur plusieurs articles il y a un problème. J’en étais bien conscient, donc j’ai réservé ce mot clés aux admins. Mais un adimn peut aussi se tromper ou oublier ! Alors j’ai essayé en mettant le mot clé sur deux articles avec photos... et le résultat est assez rigolo : en fait les photos de l’article A se superposent avec celles de l’article B !
          L’idéal serait d’avoir le droit de mettre ce mot clé sur un seul article, mais là ce n’est plus le problème d’xspf. Ou alors trouver moyen de prioriser les articles. En écrivant je me dis qu’il faudra que j’essaye de rajouter dans la boucle article englobante quelque chose comme {!par date}. On verra bien. Sinon il faudra qu’on veille à ne laisser qu’un article avec ce mot clé.

          En ce qui concerne la personnalisation, je n’avais pas remis le détail de ce que j’avais écrit dans le premier post, mais je me rends compte que quand on répond dans ce forum, on ne voit que le message auquel on répond, et pas tout le fil. Alors je remets mes questions initiales

          "3/ Je souhaiterais pouvoir personnaliser la barre de navigation :
          - n’afficher la légende que s’il y a un titre défini (si rien aujourd’hui c’est le nom du fichier)
          - pouvoir passer la barre de navigation sous la photo
          Est-ce possible ? Je n’ai pas vu quels fichiers il fallait modifier. "

          Merci beaucoup,
          Jacques

          • [SPIP Plugin] XSPF : Le modèle rotator 8 septembre 2009 04:14, par Quentin Drouet

            L’idéal serait d’avoir le droit de mettre ce mot clé sur un seul article, mais là ce n’est plus le problème d’xspf. Ou alors trouver moyen de prioriser les articles. En écrivant je me dis qu’il faudra que j’essaye de rajouter dans la boucle article englobante quelque chose comme  !par date. On verra bien. Sinon il faudra qu’on veille à ne laisser qu’un article avec ce mot clé.

            Pas forcément ... Quelque chose du genre devrait le faire...

            Il ne sortira qu’un seul article, en choisissant le dernier mis à jour...

          • [SPIP Plugin] XSPF : Le modèle rotator 8 septembre 2009 04:19, par Quentin Drouet

            3/ Je souhaiterais pouvoir personnaliser la barre de navigation :
            - n’afficher la légende que s’il y a un titre défini (si rien aujourd’hui c’est le nom du fichier)
            - pouvoir passer la barre de navigation sous la photo Est-ce possible ? Je n’ai pas vu quels fichiers il fallait modifier. "

            Là il va falloir certainement modifier le fichier xspf-normal.html ligne 43 comme ceci je pense :

            par :

            Ce fichier est à copier dans votre dossier squelettes...

            Pour la barre de navigation je ne crois pas que ce soit possible...

  • Il faut valider l’article 16 avril 2009 14:20, par Benoît

    Un truc bête. Mais je partage au cas où je ne sois pas le seul débutant à profiter de ton formidable plugin : pour que l’affichage des photos se fasse dans la zone d’administration de SPIP, il faut que l’article ait été publié en ligne. S’il est "en cours de rédaction", le diaporama ne s’affiche pas.

    Donc je le valide, puis je le remets "en cours de rédaction", ce qui me permet d’affiner la taille des images avant la "vraie" publication.

  • [SPIP Plugin] XSPF : Le modèle rotator 10 mars 2009 20:22, par Vanso

    Bonjour,

    Tout d’abord merci pour ce plugin et les explications, claires et simples pour des ignares comme moi. J’en viens à mon problème (évidemment...) : je suis sous Spip 2.0.3, et l’affichage n’est possible que lorsque j’active la barre de navigation et les boutons dans la config de Rotator. Et même avec ces options, je suis obligé de cliquer 2 fois sur le triangle "image suivante" pour déclencher l’animation.

    De plus, malgré l’ajout de la balise [(#MODELE{rotator}{id_article=70})]dans le squelette que je veux appeler, ce sont TOUTES les images du site qui défilent, pas seulement celles de l’article 70.

    Ces 2 soucis me causent bien des maux de tête et je ne souhaite pas financer davantage l’industrie pharmaceutique, aussi serais-je soulagé de savoir pourquoi le bazar ne fonctionne pas comme vous l’indiquez.

    Voici pour info le site en question : http://www.dcdcn.fr/ (où c’est "inc-entete.html" qui contient la balise d’appel à Rotator).

    • [SPIP Plugin] XSPF : Le modèle rotator 10 mars 2009 20:39, par Vanso

      Petite précision : mon souhait est que l’animation soit déclenchée automatiquement sans barre de navigation, ce qui semble possible au vu des options de configuration du plugin. J’avais omis de signaler cet objectif.

      Merci encore d’avance pour votre aide.

      • [SPIP Plugin] XSPF : Le modèle rotator 12 mars 2009 08:23, par Vanso

        Bonjour,

        Je poursuis le feuilleton de mes recherches : j’ai choisi la facilité en laissant tomber le modèle Rotator au profit de l’autre qui gère les animations Flash. Au final, ce plugin est vraiment bien fait et va faciliter mon travail. Merci encore.

      • [SPIP Plugin] XSPF : Le modèle rotator 12 mars 2009 23:20, par Quentin Drouet

        Oui ca l’est ... le second exemple le fait justement...

        Par contre il vaut mieux ne pas mettre 200 images pour éviter que ce soit long à charger au démarrage...

        Q.

    • [SPIP Plugin] XSPF : Le modèle rotator 12 mars 2009 23:18, par Quentin Drouet

      Désolé de la réponse tardive mais le temps pour le SAD est court ...

      l’affichage n’est possible que lorsque j’active la barre de navigation et les boutons dans la config de Rotator. Et même avec ces options, je suis obligé de cliquer 2 fois sur le triangle "image suivante" pour déclencher l’animation.

      Je suis pas d’accord ... regardes le nouvel exemple ... il marche très bien sans barre

      De plus, malgré l’ajout de la balise [(#MODELErotatorid_article=70)]dans le squelette que je veux appeler, ce sont TOUTES les images du site qui défilent, pas seulement celles de l’article 7

      Argh désolé ... effectivement c’est un bug dans la documentation (réparé) ... c’est {article=70} et pas "id_article"...

      Si tu pouvais retester pour confirmé que c’était bien ca le bug ? merci

      Q.

      • [SPIP Plugin] XSPF : Le modèle rotator 29 mai 2009 15:01, par Vanso

        Bonjour, et merci de ta réponse, que je vois moi aussi tardivement (le SAD fonctionne plutôt bien...). Je vais tester et te tiens au courant.

        • [SPIP Plugin] XSPF : Le modèle rotator 30 mai 2009 17:58, par Vanso

          Je viens de tester, ça marche nickel. Super plugin, bravo ! Pour le moment, le site sur lequel je l’ai installé est encore en développement, mais dès que possible, je fais un lien pour que le monde entier admire ton boulot ! De plus, je craignais une incompatibilité Jquery-scriptaculous, mais les deux cohabitent sans trop de souci. Merci encore.

  • rotator tourne à vide ! 17 février 2009 15:48, par Vincent

    Bonjour Quentin,

    migré aujourd’hui sous spip 2. Ouf, mes squelettes n’ont pas trop couiné...
    Je cherche en vain à faire fonctionner rotator. Le player s’affiche bien à l’écran mais reste noir.

    Le problème me semble provenir de la liste xml de fichiers appelée. Dans mon cas pour afficher les images de l’article 38 par ex., le code source donne :
    s_38_38.addVariable("file",encodeURIComponent("http://www.lesfavrets.fr/spip.php?page=xspf&type=jpg%7Cpng%7Cgif&id_article=38})]"));

    Quand j’ouvre le lien je vois que la requête n’a pas du tout identifié les images recherchées...

    Auriez-vous une petite idée de ce qui cloche ?
    merci,

    Vincent

    • rotator tourne à vide ! 12 mars 2009 22:10, par Vincent

      Allez, j’my jette :
      un petit ’up" ?

    • rotator tourne à vide ! 12 mars 2009 22:53, par Quentin Drouet

      Quand j’ouvre le lien je vois que la requête n’a pas du tout identifié les images recherchées...

      Tu es sûr d’avoir correctement réencodé ton url quand tu l’as testée ? à savoir que les %7C doivent devenir des pipes (|)

      Je viens de regarder ton flux ... effectivement ... ce n’est pas correct ... cependant tu as du modifier celui fourni par défaut car il y a des choses étranges dedans ...

      Donc avant de faire des "up" comme tu dis ... mets à jour tes plugins et vire tes surcharges et donnes des détails...

      • rotator tourne à vide ! 15 mars 2009 18:55, par Vincent

        Merci pour votre réponse, désolé si je vous ai agacé ; pensais pourtant avoir mis suffisamment de courtoisie dans ma formulation...

        Vincent :

        • rotator tourne à vide ! 16 mars 2009 08:37, par Quentin Drouet

          Juste pour préciser que ce n’est pas "un forum d’entraide" entre utilisateurs ... donc les pratiques ne sont pas les mêmes...

          Un bon debug passe par le fait que vous ne modifiez pas les sources ... si les sources sont modifiées ... je ne peux rien pour vous...

          • rotator tourne à vide ! 16 mars 2009 08:49, par Vincent

            Bon, vous avez raison (je suis moi-même très impliqué dans le développement d’un logiciel open-source et certains comportements parfois m’irritent...)
            Pour en finir avec mon souci, je n’ai absolument rien modifié dans le source, pour la bonne raison que je suis une bille absolue en la matière (utilisateur vraiment final de spip). Comme vous me le suggériez j’ai réinstallé proprement tous mes plugins, mais le problème persiste. Et je me borne à une simple utilisation du modèle dans un article.

            Bref, je ferai sans, le temps me manque maintenant pour y regarder de plus près. Si je trouve une solution, je repasserai poster ici.

            • rotator tourne à vide ! 16 mars 2009 19:19, par Quentin Drouet

              En regardant la page http://www.lesfavrets.fr/spip.php?p... ... je peux assurer à 100% que ce n’est pas le squelette original de XSPF ... C’est le lien que vous donnez...

              Donc soit il y a erreur de plugin ... soit je ne sais pas ou l’erreur se trouve ... mais en tout cas elle ne vient pas du plugin donc cet article est issu...

              kent1

Propulsé par : SPIP 2.1.26 SVN [21335]