Exemple 2

Même principe mais au clic, avec retour par la croix blanche.

<div style="width: 60vw; height: 33.75vw; text-align: left; margin: 1vh auto; border: 0.6vh ridge grey; background: radial-gradient(ellipse at center, #F6E3CE 0%,#F5D0A9 45%,#F5D0A9 100%);">
<p id="cb0">X</p>
<input id="ccb1" class="ccb" src="http://ekladata.com/H-tMETJYOgX0Y6RSbK6o0eV1JlM@1152x648.jpg" type="image" />
<input id="ccb2" class="ccb" src="http://ekladata.com/cAw7WDdE4r5un9eXwOoHwiIXp3Y@1152x648.jpg" type="image" />
<input id="ccb3" class="ccb" src="http://ekladata.com/m7lIouNeXeyMqdS2VGJ3AiCLBUo@1152x648.jpg" type="image" />
<input id="ccb4" class="ccb" src="http://ekladata.com/rx2xZg0E-nu5qCs4YB_QE4loPGU@1152x648.jpg" type="image" />
<input id="ccb5" class="ccb" src="http://ekladata.com/UYPwD-Dxq0mJc6repVNI9x73dLg@1152x648.jpg" type="image" />
<input id="ccb6" class="ccb" src="http://ekladata.com/Hq7wOK8VAssPTTbDGE9DBtGHvwE@1152x648.jpg" type="image" />
<input id="ccb7" class="ccb" src="http://ekladata.com/u1UtQhlAhyoKwXc6keAgppaule4@1152x648.jpg" type="image" />
<input id="ccb8" class="ccb" src="http://ekladata.com/gLJ-p1rIsLgMy1q3leI6MI-63cM@1152x648.jpg" type="image" /></div>
<style><!--
#cb0{position:absolute; z-index:16; width:10vw; transform:translate(53vw,0vw); text-align:center; font-size:2vw; color:white; text-shadow:0.1vh 0.1vh black;}
.ccb{position:absolute; width:16vw; height:9vw; border:0.4vh solid white; background-size:cover; transition:all 1s linear;}
#ccb1{z-index:10; transform:translate(5vw,22vw);}
#ccb2{z-index:9; transform:translate(10vw,19vw);}
#ccb3{z-index:8; transform:translate(15vw,16vw);}
#ccb4{z-index:7; transform:translate(20vw,13vw);}
#ccb5{z-index:6; transform:translate(25vw,11vw);}
#ccb6{z-index:5; transform:translate(30vw,8vw);}
#ccb7{z-index:4; transform:translate(35vw,5vw);}
#ccb8{z-index:3; transform:translate(40vw,2vw);}
#ccb1:focus,#ccb2:focus,#ccb3:focus,#ccb4:focus,#ccb5:focus,#ccb6:focus,#ccb7:focus,#ccb8:focus{z-index:15; width:60vw; height:33.75vw; border:none; transform:translate(0vw,0vw);}
--></style>