SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Affichage multimédia > Galeries et diaporamas > Imagerotator > JW Image Rotator

JW Image Rotator

9 avril 2011 – par ngombe – 20 commentaires

7 votes

Attention, cette contribution est EN CHANTIER : elle n’est peut-être pas fonctionnelle.

Intégration de JW Image Rotator pour SPIP.

Introduction

Le JW Image Rotator (Adobe Flash) permet d’afficher des images avec des transitions fluides. Il supporte la rotation de playlists RSS, XSPF ASX ou JPG, GIF et PNG, dispose d’un large éventail de FlashVars pour peaufiner le comportement et l’apparence et d’un vaste API JavaScript.

Exemple d’utilisation

Pour voir la démo c’est par ici => http://webtice.ac-guyane.fr/contrib/spip.php?article2

Dépendances

-  # INSERT_HEAD
-  CFG
-  swfobject

Installation

  1. Téléchargez l’archive dans le dossier plugins de SPIP.
  2. Activez le plugin depuis l’espace privé.

Utilisation dans un article ou une rubrique

Pour afficher tous les documents de l’article 24 depuis n’importe quel article / rubrique :
 

  1. <imagerotator24|width=420|height=290>

 

Pour afficher les documents 4,2,8 et 6 :
 

  1. <imagerotator_doc|width=420|height=290|id=4,2,8,6>

 

Imagerotator dans un squelette

Dans un squelette il faut utiliser la syntaxe suivante pour afficher le portfolio de l’article 24 :

  1. [(#MODELE{imagerotator}{id_article=24})]

 

Idem pour afficher les documents 4,2,8 et 6 depuis un fichier de squelette :

  1. [(#MODELE{imagerotator_doc}{id='4,2,8,6'})]

 

L’appel par défaut utilisera la valeur renseignée dans le ’diaporama par défaut’ du formulaire de configuration :

  1. [(#MODELE{imagerotator})]

 

Configuration

Ce formulaire permet de modifier les valeurs par défaut :

-  Diaporama par défaut : article utilisé en cas d’appel sans argument (depuis un squelettes mutualisé)
-  Contrôles : options relatives à la barre de contrôle
-  Images : redimensionner ou étirer les images ?
-  Animation : paramètres de l’animation
-  Flash embeded : version de SWFObject à utiliser

JPEG - 77.6 ko

Paramètres des balises

  • height
  • width
  • backcolor
  • frontcolor
  • lightcolor

Futures améliorations

  • ajouter le paramètre logo
  • plusieurs animations par pages
  • ne pas faire déclarer SWFObject par le plugin (pour ceux qui l’utilisent déjà)

Conditions d’utilisation

Ce plugin est une adaptation pour SPIP de « JW Image Rotator » distribué sous licence CC-NC-SA, ce qui signifie que vous ne pouvez pas en faire une utilisation commerciale sans l’accord de l’auteur.

Pour plus d’informations, reportez-vous au site http://www.longtailvideo.com/players/jw-image-rotator/

Voir en ligne : http://plugins.spip.net/imagerotator

Dernière modification de cette page le 15 septembre 2012

Retour en haut de la page

Vos commentaires

  • Le 19 septembre 2012 à 10:00, par Bips En réponse à : JW Image Rotator

    Désolé, Ngombé,
    le message a été coupé, je le reprends ici entièrement comme suit :

    Salut Ngombe,
    Merci, j’ai affiché les images mais sont en séquentiel sur la page, en plus elles sont en fond
    de page chaque fois qu’elles rencontrent une image.
    Pour résumer mes actions :
    j’ai collé dans mes_fontions.php ceci :
    $GLOBALS[’spip_pipeline’][’affichage_final’] .= ’|f_insert_head’ ;
    je n’ai pas trouvé le fichier mes_actions.php
    ensuite :
    <imagerotator1|width=420|height=290> (1 pour mon article)

    <imagerotator_doc|width=420|height=290|id=10,11,12,13,14,> (mes images)
    y’a t’il quelque chose que j’ai oublié ?
    Je te remercie une fois de plus.
    Bips

    Répondre à ce message

  • Le 14 septembre 2012 à 20:04, par Bips En réponse à : JW Image Rotator

    Bsoir Ngombe,
    S’il te plait, je suis bloqué avec ton plug, en effet, j’ai tout suivi à la lettre jusqu’au para.
    « Utilisation dans un article ou une rubrique »
    puis je coince :
    j’ai collé <imagerotator24|width=420|height=290> dans mon article

    mais comment écrire la syntaxe pour afficher les images par exp : img10, img12,img11

    Pour afficher les documents 4,2,8 et 6 : pour moi img10, img11, img12

    je n’ai pas voulu trop toucher au squelette.
    Merci bcp
    Bips

    • Le 15 septembre 2012 à 13:32, par ngombe En réponse à : JW Image Rotator

      Salut Bips,

      Une coquille s’était glissé dans la doc, c’est corrigé.

      Dans ton article :
       

      1. <imagerotator_doc|id=10,11,12>

       
      @+

    • Le 16 septembre 2012 à 18:42, par Bips En réponse à : JW Image Rotator

      Salut Ngombe,
      Merci, j’ai affiché les images mais sont en séquentiel sur la page, en plus elles sont en fond
      de page chaque fois qu’elles rencontrent une image.
      Pour résumer mes actions :
      j’ai collé dans mes_fontions.php ceci :

    Répondre à ce message

  • Le 28 décembre 2011 à 10:26, par NiKo En réponse à : JW Image Rotator

    Bonjour !

    Ce plugin ayant l’air bien sympa, je l’ai installé, et l’ai configuré selon les instructions données ici. J’ai ainsi créé un article avec les images que je souhaite utiliser dans mon squelette, j’ai pris soin de placer ces images dans le portfolio, et j’ai paramétré le plugin sur cet article. Mais, quand j’insère le code suivant dans mon squelette :

    1. [<div class="menu">
    2. <h2>Nos partenaires</h2>
    3. (#MODELE{imagerotator})
    4. </div>]

    Télécharger

    J’obtiens le code source suivant :

    1. <div class="menu">
    2. <h2>Nos partenaires</h2>
    3. <!-- Image Rotator - Appel 3incorrect ! -->
    4. </div>

    Télécharger

    Avez-vous une idée de mon erreur ?

    • Le 15 septembre 2012 à 13:29, par ngombe En réponse à : JW Image Rotator

      Bonjour Niko,

      Ton appel depuis un squelette sans arguments utilise le formulaire CFG pour spécifier que les documents à slider sont dans l’article N°3 ... Or ici ton article 3 n’as pas de documents ...

      @+

    Répondre à ce message

  • Le 17 septembre 2011 à 23:28, par Pierre KUHN En réponse à : JW Image Rotator

    Bonsoir

    Je viens de faire <imagerotator_doc|id=9,10,11,12><imagerotator1>
    mais le retour est http://www.seikapuceducation.com/spip/edito?var_mode=calcul soit uniquement la première façon d’intégration du modele.

    Tu aurais une idée du pourquoi ?

    Ps j’en profite pour dire que la librairie 2.2 est sortie.

    • Le 15 septembre 2012 à 13:25, par ngombe En réponse à : JW Image Rotator

      Salut Pierre,

      En effet ça ne peut pas marcher car « plusieurs animations par pages » est dans la todo list ... (depuis presque un an) ...

      @+

    Répondre à ce message

  • Le 13 avril 2011 à 12:06, par AlainF En réponse à : JW Image Rotator

    Bonjour,
    j’utilise actuellement sur ce site, sur chaque page « objet » (rubrique, article) la photo désignée par cette technique de présentation : « Plusieurs logos pour un article » qui utilise le titre du document : titre=spip_logo et sur la page d’accueil, une présentation aléatoire de ces photos.

    Je souhaiterai le remplacer par ce diaporama !

    Est-il possible d’utiliser ce critère : titre=spip_logo dans les squelettes ?

    J’utilise les filtres « image_réduire » et « image_recadre » pour limiter le traitement des images par les rédacteurs, est-ce possible de les adapter.

    Quelles sont les différences et sur quels critères choisir Nivo Slider ?

    Beaucoup de questions pour faire avancer le sujet, merci de votre compréhension.
    Par avance, merci

    • Le 13 avril 2011 à 14:58, par ngombe En réponse à : JW Image Rotator

      Salut,

      Théoriquement (et si j’ai bien compris ta question) tu n’as qu’à remplacer le critère {id_article=#ENV{id_article}} ou {id_rubrique=#ENV{id_rubrique}} (en fonction de l’appel que tu utilise) par {titre=spip_logo} dans le fichier xml_rotator.html ... Ensuite tu appelle le fichier par http://tonsite.com/spip.php?page=xml_rotator pour vérifier que les images sont correctement appelées...

      Pour la taille des images c’est le swf qui s’en charge, pour modifier le comportement il y a les options « Apparence générale » et « Étirer les images » dans CFG.

      Nivo slider est codé en JQuery alors que JW Image Rotator est en FlashTM ...

      La différence c’est que le premier fonctionne partout, pas le second :-)

      Le mieux est encore d’installer les deux pour se faire sa propre idée.

      @+

    • Le 13 avril 2011 à 19:14, par AlainF En réponse à : JW Image Rotator

      J’ai rajouté une boucle « images » à suivre dans xml_rotator avec le critère titre=spip_logo et j’ai du rajouter le même critère dans l’appel du modèle.

      </BOUCLE_images_rubrique></B_images_rubrique>
              <BOUCLE_images(DOCUMENTS){titre=spip_logo} {mode=document}{extension IN png,jpg,gif} {par num titre, date}{doublons}{vu=non}>
              <track>
                      <title>[(#TITRE|attribut_html)]</title>
                      <location>[(#URL_DOCUMENT)]</location>
                      <info>[(#DESCRIPTIF|attribut_html)]</info>
              </track>
              </BOUCLE_images>

      J’ai modifié les tailles dans cfg et utilisé « étirer » et cela fonctionne (sur la page d’accueil et si un article ou une rubrique n’a pas son visuel car boucle conditionnelle sur l’affichage)

      <BOUCLE_doc_titre(DOCUMENTS) {id_rubrique?}{id_article?} {titre=spip_logo} {par hasard} {0,1}>
              [(#FICHIER
                      |image_reduire{0,460}
                      |image_recadre{681,280,center}
                      )]
      </BOUCLE_doc_titre>
      </B_doc_titre>
                       [(#MODELE{imagerotator}  {titre=spip_logo})]
      <//B_doc_titre>

      Encore merci.

    • Le 14 avril 2011 à 20:21, par ngombe En réponse à : JW Image Rotator

      De rien, l’intégration du plugin sur ton site est vraiment sympa, bravo !

    • Le 28 septembre 2011 à 12:11, par Timous En réponse à : JW Image Rotator

      Bonjour ,
      Quelqu’un pourrait m’aider à faire fonctionner ce merveilleux plugin ?
      car j’ai ce message Téléchargez Flash Player pour voir cette animation or j’ai le player dejà installé.
      Merci

    • Le 28 septembre 2011 à 12:16, par AlainF En réponse à : JW Image Rotator

      Attention quelques problèmes Flash avec Internet Explorer 9 en 64bit, essayez avec Firefox ou Chrome pour vérifier...

    • Le 28 septembre 2011 à 13:23, par Timous En réponse à : JW Image Rotator

      Merci pour votre reaction , mais je suis sur Firefox !
      jee vais essayer google chrome . Encore merci et si entre temps vous trouvez quelque chose avant moi ça sera un grand soulagement

    • Le 28 septembre 2011 à 13:50, par Timous En réponse à : JW Image Rotator

      C’est résolu ! mon problème ! j’ai tout repris l’installation et à la fin fin bingo !!
      encore merci

    Répondre à ce message

  • Le 13 avril 2011 à 10:54, par L’instit En réponse à : JW Image Rotator

    Bonjour

    installé et paramétré, c’est sympa. Juste un détail : j’ai désactivé les contrôles dans le paramétrage, mais ils apparaissent quand même au survol. D’autre part, la mention JW player apparait en surimpression à chaque changement d’image. Est-ce désactivable ?

    Merci en tous cas pour ce plugin efficace.
    Pierre N.

    • Le 13 avril 2011 à 15:16, par ngombe En réponse à : JW Image Rotator

      Bonjour l’instit,

      Je te recommande d’utiliser SWFObject 1.5 et Image Rotator 3.17 (en bas du formulaire CFG). Le logo en filigranée disponible dans la version 3.18 n’est pas encore configurable depuis CFG, mais pour l’ajouter en dur :

      Ligne 68 de imagerotator.html ajouter :

      s1.addVariable(\« logo »,\« /chemin/vers/ton/image.png ») ;

      J’ai écrit ce plugin à l’époque de la 3.17, l’adaptation pour la 3.18 n’est pas encore tout à fait terminée ..

    • Le 13 avril 2011 à 15:53, par L’instit En réponse à : JW Image Rotator

      J’ai essayé d’utiliser l’option 3.17 mais du coup, cela produit un fond noir qui dépasse de l’image, même en réglant les dimensions du fond adéquates.

      Merci pour le code.

    • Le 14 avril 2011 à 20:22, par ngombe En réponse à : JW Image Rotator

      URL de test ?

    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

  • Mode portail Communiquant pour SoyezCréateurs

    29 septembre 2010 – 19 commentaires

    5e mode d’affichage de la page d’accueil, ce mode se distingue des autres par une animation proposant un fondu/enchaîné des logos des articles à la une. Zonage Configuration Zone d’entête Nom du site Slogan si plugin bandeau présent (...)

  • Plugin Logo SVG : pouvoir utiliser des logos SVG

    17 octobre – commentaires

    Le SVG est un format vectoriel donc très léger et redimensionnable sans pertes, mais SPIP ne l’acceptait pas sur les logos. Ce plugin comble ce manque. Comment ça fonctionne ? Vous installez ce plugin, vous l’activez, et c’est tout. Crédits Une (...)

  • Utilisez le framework Foundation dans vos squelettes !

    13 août 2013 – 58 commentaires

    Foundation est un framework CSS et Javascript très complet pour réaliser des sites sur une grille propre et homogène. Mais surtout, il permet de rendre un site responsive très facilement ! Ce plugin ajoute le framework Foundation sur l’espace (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 65 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

  • GIS 4

    11 août 2012 – 1288 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 (...)

Ça spipe par là