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
- Téléchargez l’archive dans le dossier plugins de SPIP.
- 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 :
Pour afficher les documents 4,2,8 et 6 :
Imagerotator dans un squelette
Dans un squelette il faut utiliser la syntaxe suivante pour afficher le portfolio de l’article 24 :
Idem pour afficher les documents 4,2,8 et 6 depuis un fichier de squelette :
L’appel par défaut utilisera la valeur renseignée dans le ’diaporama par défaut’ du formulaire de configuration :
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
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/
imagerotator.zip
Vos commentaires
# 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 :
J’obtiens le code source suivant :
Avez-vous une idée de mon erreur ?
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 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.
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