• Plein écran 10

    Le fond et la bordure du montage sont facultatifs; taille en 60% de la largeur de votre écran.

    Survol de chaque vignette pour l'agrandir et la colorer; Clic dessus pour l'afficher dans une nouvelle page et clic encore pour affichage plein écran.

    <div style="width: 60vw; height: 33.75vw; margin: 1vh auto; border: 0.1vh solid black; background: green; text-align: left;"><a href="http://ekladata.com/wUmqiYzKyOP_LlQ7esErly6J-AY.jpg" target="_blank"><input id="z1" class="zz" type="text" /></a><a href="http://ekladata.com/jyFvoljUaH4ZkQ9jHX4HUzzHiF4.jpg" target="_blank"><input id="z2" class="zz" type="text" /></a><a href="http://ekladata.com/JDPNZimn1vS3sn24kcsy4j9u1k8.jpg" target="_blank"><input id="z3" class="zz" type="text" /></a><a href="http://ekladata.com/CxphzAWCo48mtutl-jda10awgDw.jpg" target="_blank"><input id="z4" class="zz" type="text" /></a><a href="http://ekladata.com/YOveAoDSOm9GbMdYCTECTwVd7Ng.jpg" target="_blank"><input id="z5" class="zz" type="text" /></a><a href="http://ekladata.com/qRkXr7i-HeApxlFewvSblIsfbEs.jpg" target="_blank"><input id="z6" class="zz" type="text" /></a></div>
    <style><!--
    .zz{position:absolute; z-index:1; width:11.5vw; height:11.5vw; border:0.6vh solid white; filter:grayscale(1); -webkit-filter:grayscale(1);transition:transform 1s linear 0s, width 1s linear 0s, height 1s linear 0s, filter 1s linear 1s;}
    #z1{box-sizing:border-box; background:url('http://ekladata.com/wUmqiYzKyOP_LlQ7esErly6J-AY@1152x648.jpg'); transform:translate(9vw,3vw) rotate(45deg); }
    #z2{box-sizing:border-box; background:url('http://ekladata.com/jyFvoljUaH4ZkQ9jHX4HUzzHiF4@1152x648.jpg'); transform:translate(25vw,3vw) rotate(45deg);}
    #z3{box-sizing:border-box; background:url('http://ekladata.com/JDPNZimn1vS3sn24kcsy4j9u1k8@1152x648.jpg'); transform:translate(41vw,3vw) rotate(45deg);}
    #z4{box-sizing:border-box; background:url('http://ekladata.com/CxphzAWCo48mtutl-jda10awgDw@1152x648.jpg'); transform:translate(9vw,19vw) rotate(45deg); }
    #z5{box-sizing:border-box; background:url('http://ekladata.com/YOveAoDSOm9GbMdYCTECTwVd7Ng@1152x648.jpg'); transform:translate(25vw,19vw) rotate(45deg);}
    #z6{box-sizing:border-box; background:url('http://ekladata.com/qRkXr7i-HeApxlFewvSblIsfbEs@1152x648.jpg'); transform:translate(41vw,19vw) rotate(45deg);}
    #z1:hover,#z2:hover,#z3:hover,#z4:hover,#z5:hover,#z6:hover{z-index:5; width:60vw; height:33.75vw;transform:translate(0vw,0vw) rotate(0deg); box-shadow:none; filter:grayscale(0); -webkit-filter:grayscale(0);}
    --></style>