generationcyb.net pointcyb lien vers les points cyb
Inscription à la lettre d'information | Fil infos rss 

 

Accueil > Boîte à outils > Image et vidéo

Un diaporama animé sur votre site


Version imprimable Version imprimable



Voici un moyen simple et efficace (et libre ! [1]) d’insérer dans un article de site, un billet de blog ou un squelette Spip une animation Flash pour faire défiler des images ou photos afin d’obtenir un résultat qui ressemble à cela :

La première chose à faire est de télécharger le fichier dewslider4.swf depuis www.alsacreations.fr/dewslider et de l’installer sur le serveur de votre site. Ensuite, installez sur vos serveurs les images que vous souhaitez voir défiler. Il vaut mieux qu’elles aient toutes les mêmes dimensions pour se recouvrir parfaitement. Dans notre exemple, nous avons repris les 5 belles images de www.alsacreations.fr/dewslider nommées 1.jpg,…, 5.jpg, que nous avons placées dans un répertoire nommé IMG.

Ensuite, il n’y a plus qu’à insérer dans votre article, votre billet ou votre squelettes le code suivant :

<object type="application/x-shockwave-flash" data="dewslider4.swf?img=IMG/1.jpg, IMG/2.jpg, IMG/3.jpg, IMG/4.jpg, IMG/5.jpg&timer=4&showbuttons=1" width="500" height="300"><param name="movie" value="dewslider4.swf?img=IMG/1.jpg, IMG/2.jpg, IMG/3.jpg, IMG/4.jpg, IMG/5.jpg&timer=4&showbuttons=1" /></object>

Pour générer ce code html, soit vous effectuez un copier-coller du code ci-dessus en remplaçant nos adresses d’images par les vôtres [2] ; soit vous utilisez le générateur de code gentiment mis à votre disposition sur www.alsacreations.fr/dewslider.

Si vous souhaitez donner un titre à chacune de vos images et faire en sorte qu’il s’affiche, placez sur votre serveur un fichier xml tel que décrit sur cette même page www.alsacreations.fr/dewslider.


[1] Dewslider est sous licence libre et gratuite Creative Commons.

[2] "timer=4" signifie que l’image change toutes les 4 secondes.

Mis en ligne le lundi 20 août 2007



Répondre à cet article

Contact | Plan du site | Espace privé
Dernier ajout : vendredi 24 mai 2013 | 821 articles sur ce site.

Generationcyb.net est motoris´ par Spip 1.9.2e associ´ a un squelette spip Rizom
Sauf indication, les articles sont mis a disposition sous un contrat Creative Commons
Ministere en charge de la jeunesse Institut national de la jeunesse et de l'education populaire Information jeunesse Centre d'information et de documentation jeunesse