Faire défiler des images en diaporama

Pourquoi faire compliquer, quand on peut faire simple ! Copiez ce code en html, et personnalisez le.

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 :