29.12.23

 4 images en 800x600px, avec bordure intégrée, qui s'affichent en totalité pour s'agrandir au survol.

<div style="width: 800px; height: 600px; margin: 30px auto; text-align: left;"><img id="nl1" class="nl" src="http://ekladata.com/rnMgHMzedCgxBeEjHy00-5v6OnA.jpg" alt="" /> <img id="nl2" class="nl" src="http://ekladata.com/yDxjBZjbTkaIBJA4O_tMGCn4KyY.jpg" alt="" /> <img id="nl3" class="nl" src="http://ekladata.com/MjswJKXTv7QmHvv0kqGjugBFoEs.jpg" alt="" /> <img id="nl4" class="nl" src="http://ekladata.com/mCqZRYfKQhBeEJbKghiSpM6GaJM.jpg" alt="" /></div>
<style><!--
.nl{position:absolute; z-index:1;  width:400px; height:300px; border:4px solid white; transition:all 1s;}
#nl1{box-sizing:border-box; transform:translate(0px,0px);}
#nl2{box-sizing:border-box; transform:translate(400px,0px);}
#nl3{box-sizing:border-box; transform:translate(400px,300px);}
#nl4{box-sizing:border-box; transform:translate(0px,300px);}
#nl1:hover,#nl2:hover,#nl3:hover,#nl4:hover{z-index:5; width:800px; height:600px; transform:translate(0px,0px);}
--></style>