• ArtD.4.421

    6 images au ratio 16/9; les miennes mesurent 1920x1080px, réduites en 900x506px par le code.
    J'ai ajouté un fond vert (background:lime;) pour bien faire apparaitre le curseur à déplacer pour faire défiler les images.
    Ce curseur est créé par l'attribut: overflow:auto, ce qui simplifie grandement le code !
    J'ai tout de même ajouté une ligne CSS pour dimensionner les images mais j'aurais pu faire autrement mais comme ce n'est qu'un exemple !


    <div style="position: relative; width: 900px; height: 530px; margin: 10px auto; border: 1px solid black; background:lime; text-align: left; overflow: auto;">
    <p style="width: 5400px; height: 506px;"><img class="gfm" src="http://ekladata.com/_qL9HcZsgWQ9BWB-HGQG8UVfRI8.jpg" alt="" /><img class="gfm" src="http://ekladata.com/ySLhxgBGBcDk2bA07rwrg7dvHYI.jpg" alt="" /><img class="gfm" src="http://ekladata.com/5ETlu51L6lHC1AJTmu_s0dCRNwc.jpg" alt="" /><img class="gfm" src="http://ekladata.com/b3U-RN4KRFsDhMylxkC96elYEno.jpg" alt="" /><img class="gfm" src="http://ekladata.com/L87LNNdxL2P8LCQaITNuFkq8mx8.jpg" alt="" /><img class="gfm" src="http://ekladata.com/jrsEgfFEXw54yts77fbAB987I7g.jpg" alt="" /></p>
    </div>

    <style><!--
    .gfm{width:900px; height:506px;}
    --></style>