Art.21.7.21

Un code simple, sans CSS mais qui demande tout de même d'ouvrir l'éditeur html (code source <>). Faire défiler les images par le curseur inférieur.

Le principe peut être en horizontal, comme ici, ou en vertical, ce qui éviter d'aligner les images les unes sous les autres; on peut mélanger des images "verticales" et des images "horizontales".

La largeur du paragraphe doit être calculé en fonction du nombre d'images.

 <div style="width: 1000px; height: 580px; margin: 20px auto; text-align: left; border: 1px solid black; overflow: auto;">
<p style="width: 5680px; height: 562px;">
<img src="http://ekladata.com/xwoY_I4GI1im_XBeFy8SuYzm38o@1000x562.jpg" alt="" />
<img src="http://ekladata.com/1zvcrloGNYEetlsaEYPPxVs7xDM@316x562.jpg" alt="" />
<img src="http://ekladata.com/YAnGjcjX91DdA8sNs4yVfh9cr7U@1000x562.jpg" alt="" />
<img src="http://ekladata.com/6yldYSaa53bIJEEzJBRflZMMXcg@1000x562.jpg" alt="" />
<img src="http://ekladata.com/kmYykP01BnuVMMkkVbE1FmnfZkI@1000x562.jpg" alt="" />
<img src="http://ekladata.com/g2VbVlrIZ2aMdI7i3Hfih5ogddk@316x562.jpg" alt="" />
<img src="http://ekladata.com/lVciKf3h_x-fJh8LEznGjsbcaKE@1000x562.jpg" alt="" />
</p>
</div>