Tutoriaux - Des tutos pour votre site Ma-page.fr - Fr.gd ou autres !

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 :
 
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 :


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



Voilà, vous savez tout !
Total : 39346 visiteurs (118897 hits)
↑ En haut ↑ © 2009 - 2015 www.Tutoriaux.fr.gd | Informations site
=> Veux-tu aussi créer une site gratuit ? Alors clique ici ! <=