SPIP - Contrib

SPIP - Contrib

[ar] [en] [es] [fr] [it]

44 visiteurs en ce moment

fontsizeup fontsizedown
[18 commentaires]

Plugin jpgRotator

Animation Flash

samedi 14 juillet 2007, par ubu

  • Digg
  • Del.icio.us
  • Facebook
  • Google
  • Technorati
0 vote

Le plugin jpgRotator pour SPIP permet de choisir un article contenant des images (jpg) en documents joints pour les afficher dans un diaporama flash.

Nota SPIP-Contrib : bien prendre en compte les remarques de l’auteur sur la non évolution de ce plugin, voir chapitre « Evolution arrêtée » en bas. Cet article est cependant publié pour les raisons qui y sont évoquées. Une contrib à utiliser en connaissance de cause

Présentation et crédits

Ce plugin a été réalisé à l’aide du tutoriel Coder un plugin simple avec cfg. Comme le nom de ce dernier l’indique, le plugin jpgRotator nécessite le plugin cfg codé par le regretté toggg et disponible au téléchargement sur la zone

Le présent plugin est le portage de la contrib de Paul disponible sur le site netdeveloppeur.com. Celle-ci est-elle même une adaptation pour SPIP du travail de Jeroen Wijering.

Marche à suivre

Récupérer l’archive
Le plugin est disponible dans le zip joint à cet article et sur la zone par svn [1] dans le dossier /_fondation_/jpg_rotator/.

Installer le plugin
Installation et activation comme tous les plugins.

Adaptation des squelettes
Pour insérer l’animation flash dans vos squelettes il suffit d’introduire l’appel au squelette inc-jpg-rotator.hml :
<INCLURE{fond=inc-jpg-rotator}>

Page de configuration

Pour que le plugin fonctionne il faut encore entrer les paramètres de configuration désirés sur la page ecrire/?exec=cfg&cfg=jpg_rotator

Cette page est accessible sur la page des plugins en dépliant le descriptif du plugin jpgRotator par le lien Configuration

Initialisation du plugin

Elle vous propose les options suivantes :
- Le choix de l’article qui contient les images (au format jpg uniquement) à afficher dans la bannière flash
- rotatetime : Durée d’affichage d’une image
- transition : Effets de transition
- randomplay : Lecture aléatoire ou photos successives
- shownavigation : Affichage des boutons de navigation (pour un diaporama par exemple)
- wmode : Option flash de disposition de l’animation à l’avant ou à l’arrière plan [2]

Configuration du plugin

Une fois une configuration sélectionnée, le plugin est fonctionnel.

Utilisation

Pour le mettre en oeuvre, il suffit de joindre des documents au format jpg à l’article qui a été sélectionné sur la page de configuration du plugin. L’animation adoptera automatiquement la taille de la première image chargée. Si vous voulez vous en servir pour faire une bannière il vaudra mieux avoir préalablement redimensionné toutes les images du bandeau à la même taille, laquelle correspond évidemment à la taille du bandeau désiré.

Documents joints

En entrant une adresse URL dans le champ descriptif d’un document joint vous créez un lien sur l’image au moment de son affichage. Peut être utile par exemple, mais pas seulement, pour des bannières publicitaires.

Créer un lien

Compatibilité

Testé ? Plateforme Navigateur Version
oui windows XP internet explorer 6
oui windows XP internet explorer 7
oui windows XP firefox 1.5
oui windows XP firefox 2
oui windows XP safari 3b
oui mac OS X safari 2
non mac OS X shiira -
oui mac OS X camino 1.5
oui mac OS X firefox 2
oui mac OS X seamonkey 1.1
oui mac OS X omniweb 5.5
oui mac OS X icab 3
oui mac OS X opera 9.2
oui Unix/Linux firefox 2

Un « bug » est systématique et rédhibitoire sur firefox/linux, aléatoire sur d’autres systèmes et parfaitement absent d’encore d’autres. Il s’agit de l’affichage de différents plans. Sur un de mes sites j’utilise le plugin menu déroulant, en le superposant à jpgRotator, ce qui a pour conséquences des comportements plus ou moins étranges : le menu disparaît, complètement ou en partie, définitivement ou aléatoirement. Bref c’est pas génial.

Je n’ai pas fait d’essais avec du texte simple (c’est à dire pas lié à du javascript) en premier plan.

En revanche si l’animation doit être au premier plan, pas de problème, il suffit de choisir le wmode « window ».

Améliorations qui auraient été souhaitables

- permettre de sélectionner plusieurs articles
- permettre de sélectionner un voire des mots-clés d’une part pour restreindre la liste déroulante des articles proposés et d’autre part pour pouvoir sélectionner d’un coup plusieurs articles.
- permettre le comportement originel de la contrib de netdeveloppeur c’est-à-dire de choisir une bannière « générale » et au cas par cas, par un mot-clé, de permettre l’affichage des images en documents-joints dans la bannière flash quand l’article est chargé.
- permettre dans l’interface de config de choisir la hauteur et la largeur de l’animation
- permettre de choisir dans l’interface de config la couleur du fond de l’animation

Evolution arrêtée

Cet article n’est pas encore publié qu’il est déjà obsolète. Le plugin XSPF est autrement plus performant, et assouvis toutes les attentes de flash des spipiens.

Le présent plugin et l’article qui l’accompagne restent présents à titre d’archive, d’exemple d’utilisation de cfg et éventuellement de plugin pour ceux qui se contentent d’une bannière simple, facile à mettre en place.

Toutes les améliorations mentionnées ci-dessus et bien d’autres sont apportées par le plugin xspf :
- voir sur le bloc note de kent1
- voir sur le site de toggg
- idem
- idem
- idem

Voir en ligne : Voir l’effet sur le site de la contribution originale

Notes

[1] Kesako svn ? Au moins un début de réponse par ici.

[2] Les attributs habituels tels que z-index sont inopérants notamment pour des objets gérés par flash. Pour un complément d’information voir http://kb.adobe.com/selfservice/vie... et http://kb.adobe.com/selfservice/vie... sur le site adobe.

Retour en haut de la page

18 Messages de forum

Voir toute la discussion

Pages 1 | 2

  • Répondre à ce message

    11 septembre 13:38

    Bonjour, est’il possible de mettre un lien vers une rubrique ou un article du site

    Y a t’il une synthaxe particulière ?

    Pour les liens en dehors du site cela fonctionne trés bien

    Merci

  • Répondre à ce message

    29 juillet 10:24 , par Kroline

    Bonjour,

    j’ai installé le plugin, mais il ne fonctionne pas toujours.

    En fait lorsque je l’ai installé, tout était parfait. Puis j’ai ajouté une image dans l’article appelé, et depuis, le plugin marche un peu quand il veut.

    Quelqu’un a-t-il eu ce problème, et/ou connait la solution ?

    Merci de votre aide.

  • Répondre à ce message

    16 juin 08:29 , par ulquiorra

    Bonjour j’essaye de mettre en place un diaporama dans un article avec ce plugin mais je ne sais pas ou il faut faire l’appel INCLUREfond=inc-jpg-rotator

    . Quelqu’un pourrait il me dire ou cet appel doit être fait. Merci pour les conseils .

  • Répondre à ce message

    13 février 10:14 , par Philippe

    http://www.mondomaine.com/spip.php ?article1 il faut enlever l’espace spip.php ?article1

  • Répondre à ce message

    13 février 10:13 , par Philippe
  • Répondre à ce message

    7 février 20:39

    Bonjour,

    mettre le lien sous la forme ?articlexxx

    Cordialement

  • Répondre à ce message

    11 décembre 2007 10:37

    Bonjour, j’ai la meme erreur as tu trouve une solution ?

    merci d’avance

  • Répondre à ce message

    5 novembre 2007 22:27 , par mymy

    Bonjour, le diaporama fonctionne très bien, mais je constate un problème dans les url vers lesquelles mènent les images.

    J’ai indiqué l’url dans le champ description (par ex : http://www.mondomaine.com/spip.php?...) mais lorsque je clique sur l’image dans le diaporama, l’url sur laquelle j’arrive est devenue http://www.mondomaine.com/spip.php%..., donc erreur 404.

    Comment rectifier cela ?

    Merci pour votre réponse

  • Répondre à ce message

    4 octobre 2007 18:23 , par moody

    bonjour voila j ai instaler se plugin, mais je n arrive pas a faire fonctioner l animation je me retrouve avec mes photos en miniature comme ci le plugin n etait pas la. je ne comprend pas pourquoi . aurais je fais une erreur car je n ais pas bien la partie "Adaptation des squelettes Pour insérer l’animation flash dans vos squelettes il suffit d’introduire l’appel au squelette inc-jpg-rotator.hml : " que faut il faire avec cette page ou doit on la mettre. merci de votre aide

  • Répondre à ce message

    26 juillet 2007 11:51 , par ubu

    c’est toujours la même.

    Sur la zone dans le répertoire plugins > dev > xspf
    ou par svn à cette adresse : svn ://zone.spip.org/spip-zone/_plugins_/_dev_/xspf/
    d’ailleurs pour les bannières tu n’as pas besoin xspf_player.swf mais seulement de JW Image Rotator comme indiqué dans l’article sur le site de kent1.

    Il te propose même un exemple complet de rédaction du modèle rotator à l’intérieur d’un article...

Pages 1 | 2

Répondre à cet article

Retour en haut de la page

Ça discute par ici

SPIP | Squelette | | Plan du site | Suivre la vie du site RSS 2.0