Faire défiler des images en diaporama
Pourquoi faire compliquer, quand on peut faire simple ! Copiez ce code en html, et personnalisez le.
border:2px dotted #666666 (dotted, étant en pointillet)
WIDTH="520px" : la valeur de largeur mettra en valeur vos images
HEIGHT="190px" : Mettez une hauteur supérieure de 40px par rapport à celle de vos images.
background-color:#CCCCCC
Remplacez 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 chacune d'elles.
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 totale :
WIDTH="520px" : la valeur de largeur mettra en valeur vos images
HEIGHT="190px" : Mettez une hauteur supérieure 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">
Remplacez 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 chacune 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