au choix

Remplacez mes adresses image en bleu par les vôtres.

Clic sur une case au choix.

<div style="width: 60vw; height: 33.75vw; border: 0.4vh solid white; margin: 2vh auto; overflow: hidden;"><input id="rz1" class="rz" type="text" /><input id="rz2" class="rz" type="text" /><input id="rz3" class="rz" type="text" /><input id="rz4" class="rz" type="text" /><input id="rz5" class="rz" type="text" /><input id="rz6" class="rz" type="text" /><input id="rz7" class="rz" type="text" /><input id="rz8" class="rz" type="text" /><input id="rz9" class="rz" type="text" />
<p id="remz"><img style="width: 60vw; height: 33.75vw;" src="http://ekladata.com/9FbRFMPZ29ZOmRNvNMn-Q_BvQCY.jpg" alt="" /> <img style="width: 60vw; height: 33.75vw;" src="http://ekladata.com/LTm8PptWzzTmjtX_wBKl1aF_BBw.jpg" alt="" /> <img style="width: 60vw; height: 33.75vw;" src="http://ekladata.com/JWAx1YHuxL6OC4SyYauwFYPQNcg.jpg" alt="" /><br /> <img style="width: 60vw; height: 33.75vw;" src="http://ekladata.com/qOu0_K8meoPh6G-Vtj3bCgIKg_U.jpg" alt="" /> <img style="width: 60vw; height: 33.75vw;" src="http://ekladata.com/sXXzT2hEn9lm5x4FIlZk2TppwaM.jpg" alt="" /> <img style="width: 60vw; height: 33.75vw;" src="http://ekladata.com/9Y7bGU318x5KuPzBONK-KY3-uo4.jpg" alt="" /><br /> <img style="width: 60vw; height: 33.75vw;" src="http://ekladata.com/MCPji_VpoNbkyKczMOO0XOlKABw.jpg" alt="" /> <img style="width: 60vw; height: 33.75vw;" src="http://ekladata.com/Q5nZ8aOGqxsKzjGaMHzp73_GU8Y.jpg" alt="" /> <img style="width: 60vw; height: 33.75vw;" src="http://ekladata.com/lXcLFIhwqXACzMAiMXaifcC1guY.jpg" alt="" /></p>
</div>
<style><!--
.rz{position:absolute; z-index:5; width:2vw; height:1.5vw; border:0.1vh solid white; background:rgba(255,255,255,0.5);}
.rz:hover{background:rgba(50,200,50,0.5);}
#rz1{transform:translate(54vw,0vw);}
#rz2{transform:translate(56vw,0vw);}
#rz3{transform:translate(58vw,0vw);}
#rz4{transform:translate(54vw,1.5vw);}
#rz5{transform:translate(56vw,1.5vw);}
#rz6{transform:translate(58vw,1.5vw);}
#rz7{transform:translate(54vw,3vw);}
#rz8{transform:translate(56vw,3vw);}
#rz9{transform:translate(58vw,3vw);}
#remz{width:182vw; height:115vw; transform:translate(0vw,0vw); transition:all 1s linear;}
#rz1:focus ~ #remz{transform:translate(0vw,0vw);}
#rz2:focus ~ #remz{transform:translate(-60.2vw,0vw);}
#rz3:focus ~ #remz{transform:translate(-120.4vw,0vw);}
#rz4:focus ~ #remz{transform:translate(0vw,-33.75vw);}
#rz5:focus ~ #remz{transform:translate(-60.2vw,-33.75vw);}
#rz6:focus ~ #remz{transform:translate(-120.4vw,-33.75vw);}
#rz7:focus ~ #remz{transform:translate(0vw,-67.5vw);}
#rz8:focus ~ #remz{transform:translate(-60.2vw,-67.5vw);}
#rz9:focus ~ #remz{transform:translate(-120.4vw,-67.5vw);}
--></style>