-
Dans le fond.
Un retour sur la façon d'agrandir une image réduite au survol: mes images font 1920x1080px redimensionnées en 1600x788px.
- on peut la faire être compresser dans une hauteur inférieure à la sienne
- n'en afficher qu'une partie et la faire "se dérouler" jusqu'à sa hauteur.
- on peut choisir la portion à afficher: dernière image, le bas.
<p id="bk1"> </p>
<p id="bk2"> </p>
<p id="bk3"> </p>
<style><!--
#bk1{width:1600px; height:400px; background:url('http://ekladata.com/nGVdpFQrgq_aPdNQaeJnqxlDjY8@1600x788.jpg'); transition:all 1s linear; background-size:1600px 400px;}
#bk2{width:1600px; height:400px; background:url('http://ekladata.com/Q_e6bZMuyx0hwKCD4quX8LfEtq0@1600x788.jpg'); transition:all 1s linear; }
#bk3{width:1600px; height:400px; background:url('http://ekladata.com/Ogfpmr6XoW-FSVrI7Fz-vsq1Lnw@1600x788.jpg'); transition:all 1s linear; background-position:bottom center; }
#bk1:hover{ z-index:5; height:900px; background-size:1600px 900px;}
#bk2:hover, #bk3:hover{ z-index:5; height:788px; }
--></style>