27.04.2024

Juste un rappel de l'utilisation de l'attribut overflow:auto; qui permet de publier plusieurs images, dans un cadre unique, avec affichage par déroulement avec la molette de souris ou en déplaçant le curseur latéral.

Ici, 6 images au ratio 16/9, que vous faites défiler en plaçant votre curseur sur le cadre et en utilisant la molette de souris: une sorte de diaporama, en somme.

<div style="width:800px; height:450px; border:4px solid white; box-shadow:4px 4px 8px black; margin:50px auto; overflow:auto;">
<img class="flw" src="http://ekladata.com/rZn6vTaPtCnoUw87SAaMnhnxhBw.jpg">
<img class="flw" src="http://ekladata.com/XyAektoR0d_-Y4TRZFeO3dHDwRk.jpg">
<img class="flw" src="http://ekladata.com/1BOX8VAp7T-1PTUkLpR6ncAkuSo.jpg">
<img class="flw" src="http://ekladata.com/f6Q9jN-Cj8qnr13_DiPa9fNzkfw.jpg">
<img class="flw" src="http://ekladata.com/4v7kagNIvSgjaDXfDs6XHGZlfpw.jpg">
<img class="flw" src="http://ekladata.com/SFqOlWg4Nmoda819gxNBUypG2TY.jpg">
</div>

<style><!--
.flw{position:relative; width:800px; height:450px;}
--></style>