Images qui defilent
Comment faire pour avoir une barre de défilement d'images
Images qui défilent vers le haut :
Par exemple pour 3 images :
| Code : |
<MARQUEE Style="background-color:transparent; border: 1px solid #333333; width:350px; height:200px; "direction="up" behavior="scroll" scrollamount="5"> <IMG src ="Url de votre image1. "> <br /> <IMG src=" Url de votre Image2."> <br /> <IMG src =" Url de votre Image3."> <br /> </ MARQUEE> |
Que signifient les «valeurs» dans le code:
- Background-color = couleur d'arrière-plan (ici transparent)
- Border: 1px solid = cadre de la force, 0 = sans cadre (vous pouvez choisir 0px à 10px)
- Width = largeur (choisir la largeur des pages de votre fond 480px à 500px)
- Height = hauteur ( hauteur de l'image choisir)
- Direction = "up" = vers le haut
- Scrollamount = "5" = vitesse
Exemple: http://webmaster-shop.fr.gd/Test4.htm
Images qui défilent vers la gauche :
Par exemple pour 3 images :
- Background-color = couleur d'arrière-plan (ici transparent)
- Border: 1px solid = cadre de la force, 0 = sans cadre (vous pouvez choisir 0px à 10px)
- Width = largeur (choisir la largeur des pages de votre fond 480px à 500px)
- Height = hauteur ( hauteur de l'image choisir)
- Direction = "up" = vers le haut
- Scrollamount = "5" = vitesse
Exemple: http://webmaster-shop.fr.gd/Test4.htm
Images qui défilent vers la gauche :
Par exemple pour 3 images :
| Code : |
| <MARQUEE style="background-color:transparent; border: 1px solid #333333; width:500px; height:200px; " direction="left" behavior="scroll" scrollamount="5" ><IMG src="http://Votre image1.jpg."><IMG src="http://Votre image2.jpg"><IMG src="http://Votre image3.jpg"></MARQUEE> |
Que signifient les «valeurs» dans le code:
- Background-color = couleur d'arrière-plan (ici transparent)
- Border: 1px solid = cadre de la force, 0 = sans cadre (vous pouvez choisir 0px à 10px)
- Width = largeur (choisir la largeur des pages de votre fond 480px à 500px)
- Height = hauteur ( hauteur de l'image choisir)
- Direction = "left" = défilement à gauche
- Scrollamount = "5" = vitesse
Exemple : http://webmaster-shop.fr.gd/Test3.htm
On peut faire défiler les images également à doite, en changeant la valeur left pour right. On peut également faire défiler vers le bas, en changeant la valeur up pour down.
En résumé :
pour un défilement à gauche, vous mettez la valeur "left"
pour un défilement à droite, vous mettez la valeur "right"
pour un défilement vers le bas, vous mettez la valeur "down"
pour un défilement à vers le haut, vous mettez la valeur "up"
On peut ajouter également le nombre désiré d'images.
Barre de défilement d'images avec liens :
Par exemple pour 3 images :
- Background-color = couleur d'arrière-plan (ici transparent)
- Border: 1px solid = cadre de la force, 0 = sans cadre (vous pouvez choisir 0px à 10px)
- Width = largeur (choisir la largeur des pages de votre fond 480px à 500px)
- Height = hauteur ( hauteur de l'image choisir)
- Direction = "left" = défilement à gauche
- Scrollamount = "5" = vitesse
Exemple : http://webmaster-shop.fr.gd/Test3.htm
On peut faire défiler les images également à doite, en changeant la valeur left pour right. On peut également faire défiler vers le bas, en changeant la valeur up pour down.
En résumé :
pour un défilement à gauche, vous mettez la valeur "left"
pour un défilement à droite, vous mettez la valeur "right"
pour un défilement vers le bas, vous mettez la valeur "down"
pour un défilement à vers le haut, vous mettez la valeur "up"
On peut ajouter également le nombre désiré d'images.
Barre de défilement d'images avec liens :
Par exemple pour 3 images :
| Code : |
| <MARQUEE style="background-color:#cc99ff; border: 1px solid #333333; width:250px; height:200px; " direction="up" behavior="scroll" scrollamount="5" ><p><br /> <a href="Url de votre lien1."> <img src="Url de votre image1." alt="" style="border: 0pt none ;" /> </a> <br /> <br /> <a href="Url de votre lien2."> <img src="Url de votre image2." alt="" style="border: 0pt none ;" /> </a> <br /> <br /> <a href="Url de votre lien3."> <img src="Url de votre image3." alt="" style="border: 0pt none ;" /> </a> <br /> <br />MARQUEE> |
Que signifient les «valeurs» dans le code:
- Background-color = couleur d'arrière-plan
- Border: 1px solid = cadre de la force, 0 = sans cadre (vous pouvez choisir 0px à 10px)
- Width = largeur (choisir la largeur des pages de votre fond 480px à 500px)
- Height = hauteur ( hauteur de l'image choisir)
- Direction = "up" = vers le haut
- Scrollamount = "5" = vitesse
Exemple : http://webmaster-shop.fr.gd/Test5.htm
- Background-color = couleur d'arrière-plan
- Border: 1px solid = cadre de la force, 0 = sans cadre (vous pouvez choisir 0px à 10px)
- Width = largeur (choisir la largeur des pages de votre fond 480px à 500px)
- Height = hauteur ( hauteur de l'image choisir)
- Direction = "up" = vers le haut
- Scrollamount = "5" = vitesse
Exemple : http://webmaster-shop.fr.gd/Test5.htm
Voilà, vous savez tout !