Ce petit outil vous permet d’insérer des images défilantes sur votre site.
comme par exemple:
Ce flash vous permet de faire defiler vos images, afficher une description et revoyer vers un lien de votre choix lorsque l’on clique sur l’image.
Vous pouvez juster la hauteur et la largeur de l’encadré.
Attention les images de ne sont pas redimensionnées, il est donc préférable qu’elles aient la même hauteur.
Pour l’installer sur votre site:
- - téléchargez le fichier scroller_horiz.swf
- créez un fichier xml decrivant les images afficher, le lien pour chacune d’elle et la description
- ajoutez quelques ligne de html sur votre page
1) téléchargez le fichier scroller_horiz.swf
Downloaded a total of 141 times
le fichier devra être dezipé et sauvegardé sur votre site.
Si vous utilisez 000webhost vous pouvez créer un repertoir widgets dans /public_html/ par exemple.
/public_html/widgets/scroller_horiz.swf
2) créez le fichier xml:
C’est juste une description (text) de ce que scroller_horiz.swf doit afficher.
pour chaque image (description comprise entre <node> et </node>) on doit obligatoirement préciser ou est l’image (balise
<img_url> ) le lien de destination si l’image et cliquée (balise <link>) et le titre ou la description de l’image dans la balise <title>
dans l’exemple si dessous les images sont sous ./images/ sur le site (/public_thml/images/ sur 000webhost)
<?xml version="1.0" encoding="UTF-8" ?> <node> <img_url>http://www.monsite.com/images/image1.jpg</img_url> <link>http://www.monsite.com/monproduit1.html </link> <title>la description de mon image 1 </title> </node> <node> <img_url>http://www.monsite.com/images/image2.jpg</img_url> <link>http://www.monsite.com/monproduit2.html </link><title>la description de mon image 2 </title> </node> . . .
sauvegardez ce fichier avec un extention .xml par exemple myfeed.xml et choisissez un encodage UTF-8 (avec notepad par exemple)
Faites attention a ce que votre fichier s’appelle bien myfeed.xml et non myfeed.xml.txt
transferez ce fichier sur votre site: par exemple /public_html/feeds/myfeed.xml
3) dernière étape inserez le code suivant sur la page de votre choix:
<embed allowscriptaccess=”always” bgcolor=”#ffffff” flashvars=”feed=http://www.monsite.com/feeds//myfeed.xml&thumb_width=120&thumb_height=120&gallery_width=400&gallery_height=130&gallery_x=10&gallery_y=0″ name=”defilimage” pluginspage=”http://www.macromedia.com/go/getflashplayer” quality=”high” src=”http://www.monsite.com/widgets/scroller_horiz.swf” type=”application/x-shockwave-flash” wmode=”transparent” align=”middle” width=”400″ height=”130″>
il faut changer les valeurs suivantes:
feed= indique le chemin d’acces a votre fichier xml (etape 2)
src= indique le chemin d’acces à l’outils scroller_horiz.swf
thumb_width= largeur en pixel de chacune des images
thumb_height= hauteur en pixel des images
gallery_width= largeur de la gallery (on a choisi de faire apparaitre un peu moins de 4 images dans la gallerie )
gallery_height= hauteur de la gallerie
width= prendre la meme valeur que la gallery_width
height= prendre la meme valeur que la gallery_height
Commentaires récents