Défilé

8 images au ratio 16/9: clic sur chaque vignette pour afficher la grande image correspondante.

Faire défiler les vignettes par le curseur latéral droit.

<div style="width:32.5vw; height:18vw; margin:0.1vh auto; text-align:left; overflow:auto;">
<input id="ff1" class="ff" type="image" src="http://ekladata.com/SeeKEcQaowFMb5HNTuDzpqmSXag@576x324.jpg">
<input id="ff2" class="ff" type="image" src="http://ekladata.com/YTPeSFZqHfo2xt2ciC7DEPxhDV0@576x324.jpg">
<input id="ff3" class="ff" type="image" src="http://ekladata.com/8PfFF94jHGONmfKRY5qzroGX5Y4@576x324.jpg">
<input id="ff4" class="ff" type="image" src="http://ekladata.com/gc2n5loaf13WuQXmq_njrp1FR-0@576x324.jpg">
<input id="ff5" class="ff" type="image" src="http://ekladata.com/pw8s8JtZFUSZx0YXNYVA0LPcplU@576x324.jpg">
<input id="ff6" class="ff" type="image" src="http://ekladata.com/gZzgAFaoWXIHSNcCVW3U51SddsA@576x324.jpg">
<input id="ff7" class="ff" type="image" src="http://ekladata.com/nnGTW4_3PZgdBtJTtiCr2ApWxqE@576x324.jpg">
<input id="ff8" class="ff" type="image" src="http://ekladata.com/0-3F3d8KrKSuHqzKMkjspXXn874@576x324.jpg">
<img id="fm1" class="fm" src="http://ekladata.com/SeeKEcQaowFMb5HNTuDzpqmSXag.jpg">
<img id="fm2" class="fm" src="http://ekladata.com/YTPeSFZqHfo2xt2ciC7DEPxhDV0.jpg">
<img id="fm3" class="fm" src="http://ekladata.com/8PfFF94jHGONmfKRY5qzroGX5Y4.jpg">
<img id="fm4" class="fm" src="http://ekladata.com/gc2n5loaf13WuQXmq_njrp1FR-0.jpg">
<img id="fm5" class="fm" src="http://ekladata.com/pw8s8JtZFUSZx0YXNYVA0LPcplU.jpg">
<img id="fm6" class="fm" src="http://ekladata.com/gZzgAFaoWXIHSNcCVW3U51SddsA.jpg">
<img id="fm7" class="fm" src="http://ekladata.com/nnGTW4_3PZgdBtJTtiCr2ApWxqE.jpg">
<img id="fm8" class="fm" src="http://ekladata.com/0-3F3d8KrKSuHqzKMkjspXXn874.jpg">
</div>
<style><!--
.ff{width:32vw; height:18vw; -webkit-filter:grayscale(1);}
.ff:hover{-webkit-filter:grayscale(0);}
.fm{position:absolute; z-index:100; width:100vw; height:0vw; left:0; top:0; transition:all 1s linear;}
#ff1:focus ~ #fm1,#ff2:focus ~ #fm2,#ff3:focus ~ #fm3,#ff4:focus ~ #fm4,#ff5:focus ~ #fm5,#ff6:focus ~ #fm6,#ff7:focus ~ #fm7,#ff8:focus ~ #fm8{height:56.25vw;}
--></style>