Identifiants personnels


Moi ... Moi ... et re Moi
« [SPIP Plugin] Formulaire (...)   Informatique  [Serveur] Installation de (...) »

[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>)

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

Liens connexes

Répondre à cet article


Un message, un commentaire ?

  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

Lien hypertexte (optionnel)

(Si votre message se réfère à un article publié sur le Web, ou à une page fournissant plus d'informations, vous pouvez indiquer ci-après le titre de la page et son adresse.)

Ajouter un document
Qui êtes-vous ? (optionnel)
Connexion


  • [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).

    Répondre à ce message

    • [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.

      Répondre à ce message

      • [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.

        Répondre à ce message

      • [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.

        Répondre à ce message

    • [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.

      Répondre à ce message

  • 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

    Répondre à ce message

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

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

      Répondre à ce message

    • 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...

      Répondre à ce message

      • 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 :

        Répondre à ce message

        • 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...

          Répondre à ce message

          • 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.

            Répondre à ce message

            • 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

              Répondre à ce message

Propulsé par : SPIP 2.1.0 dev SVN [13946]