Faire un diaporama sans javascript
 
Suite à un commentire posté il y a quelques jours, voici aujourd’hui les explications concernant la réalisation d’un diaporama d’images défilantes.
 
Il est possible de le faire aller dans 4 direction : vers la droite, vers la gauche, vers le bas, vers le haut, de définir à quelle vitesse les images peuvent défiler.
Pour l’installer, il suffit de coller le code à l’endroit désiré dans votre article ou votre module en passant par le mode html.
Il est totalement paramétrable !
 
Le code : défilement horizontal
 
<center>
<marquee behavior="scroll"  direction="left" height="200"
width="450" scrollamount="1" scrolldelay="30" truespeed="true">
<a href="http://lien-de-l-image.html">
<img height="106" width="80" src="http://url-de-l-image.jpg"
alt="Titre de l'image" border="0" />
</a>
<a href="http://lien-de-l-image.html">
<img height="106" width="80" src="http://url-de-l-image.jpg"
alt="Titre de l'image" border="0" />
</a>
<a href="http://lien-de-l-image.html">
<img height="106" width="80" src="http://url-de-l-image.jpg"
alt="Titre de l'image" border="0" />
</a>
<a href="http://lien-de-l-image.html">
<img height="106" width="80" src="http://url-de-l-image.jpg"
alt="Titre de l'image" border="0" />
</a>
<a href="http://lien-de-l-image.html">
<img height="106" width="80" src="http://url-de-l-image.jpg"
alt="Titre de l'image" border="0" />
</a>
<a href="http://lien-de-l-image.html">
<img height="106" width="80" src="http://url-de-l-image.jpg"
alt="Titre de l'image" border="0" />
</a>
</marquee>
</center>
 
ASTUCE : pour wordpress, il est nécessaire d’insérer le code avec l’éditeur html et de ne pas revenir sur l’éditeur visuel… sinon, ça ne marche pas !
 



Créer un site
Créer un site