16.12.C

4 images en 750x750px

<div style="width:750px; height:750px; margin:30px auto; text-align:left;">
<p id="am0c">SURVOL</p>
<p id="am1c" class="amc">&nbsp;</p>
<p id="am2c" class="amc">&nbsp;</p>
<p id="am3c" class="amc">&nbsp;</p>
<p id="am4c" class="amc">&nbsp;</p>
</div>
<hr style="border:3px double black;"><br>...
<style><!--
#am0c{position:absolute; z-index:2; width:30px; height:200px; text-align:center; font-size:30px; color:coral; text-shadow:1px 1px black; transform:translate(360px,10px);}
.amc{position:absolute; z-index:1; width:100px; height:750px; border:4px solid white; transition:all 1s;}
#am1c{box-sizing:border-box; background:url('http://ekladata.com/SowfkLZAE-7xnNyYXTwCkygkwCk.jpg'); background-size:750px 750px; background-position:0px 0px; transform:translate(0px,0px); }
#am2c{box-sizing:border-box; background:url('http://ekladata.com/ZSGh5dBkHUAzdGeP5ecKZbnDAgA.jpg'); background-size:750px 750px; background-position:-200px 0px; transform:translate(200px,0px);}
#am3c{box-sizing:border-box; background:url('http://ekladata.com/bTpnoWvjnsyyLyP4RmbRj-ZCXMs.jpg'); background-size:750px 750px; background-position:-450px 0px; transform:translate(450px,0px);}
#am4c{box-sizing:border-box; background:url('http://ekladata.com/RP3PJaF8knMqLxt9f1tJm4eX5Fo.jpg'); background-size:750px 750px; background-position:-650px 0px; transform:translate(650px,0px);}
#am1c:hover,#am2c:hover,#am3c:hover,#am4c:hover{z-index:5; width:750px; height:750px; background-position:0px 0px; transform:translate(0px,0px);}
--></style>