Art.04B.7.21

Un code simple pour changer d'image au survol.

SURVOL

********************
<div style="width: 1000px; height: 562px; border: 4px ridge white; box-shadow: 4px 4px 6px black; margin: 20px auto; text-align: left; background: url('http://ekladata.com/XaHxW37z3yS9xCoP_rZs0tiCqcA@1000x562.jpg'); background-size: cover;">
<p id="op1">SURVOL</p>
<img id="op2" src="http://ekladata.com/qNKJWs76mYcV3zcTGT0Vd8eUvm8@1000x562.jpg">
</div>
<style><!--
#op1{position:absolute; width:120px; font-size:25px; color:white; text-shadow:1px 1px black; background:rgba(0,0,0,0.5);}
#op2{position:absolute; width:1000px; height:562px; opacity:0; transition:all 2s;}
#op2:hover{opacity:1;}
--></style>