Faire défiler des images en diaporama
Code HTML :
<div style="height:190px; width:520px; border:2px dotted #666666; background-color:#CCCCCC;"> <br> <marquee> <img title="Mon titre" src="http://url de votre image.jpg" border="0" height="150" width="200"> <img title="Mon titre" src="http://url de votre image.jpg" border="0" height="150" width="200"> <img title="Mon titre" src="http://url de votre image.jpg" border="0" height="150" width="200"> <img title="Mon titre" src="http://url de votre image.jpg" border="0" height="150" width="200"> <img title="Mon titre" src="http://url de votre image.jpg" border="0" height="150" width="200"> <img title="Mon titre" src="http://url de votre image.jpg" border="0" height="150" width="200"> <img title="Mon titre" src="http://url de votre image.jpg" border="0" height="150" width="200"> <img title="Mon titre" src="http://url de votre image.jpg" border="0" height="150" width="200"> </marquee> </div> </div>
Concerne la bordure :
border:2px dotted #666666 (dotted, étant en pointillet)
Concerne la largeur et la hauteur totales :
WIDTH="520px" : la valeur de largeur mettra en valeur vos images
HEIGHT="190px" : Mettez une hauteur supérieur de 40px par rapport à celle de vos images.
Concerne le fond :
background-color:#CCCCCC
Pour les images:
Code HTML :
<img title="Mon titre" src="http://url de votre image.jpg" border="0" height="150" width="200">
Remplacer http://url de votre image.jpg par l'url de vos images.
Si vous souhaitez un border, réglez : border="0px"
Réglez la largeur de vos images: width: "200px"
Réglez la hauteur de vos images: height="150px"
Pour le titrage individuel des images, n'oubliez pas de changer: Mon titre pour chacunes d'elles.
Démonstration:
A voir aussi :
- 1) Gérer le type du défilement de l'image
- 2) Gérer la vitesse du défilement de l'image
- 3) Gérer la direction du défilement de l'image
- 4) Petites astuces pour
le marquee image