• noisette

    Bonjour Bébert voilà le code pour les deux photos il va falloir que tu bidouilles : Pour modifier l’emplacement petite photo départ #Rose après le lien
    Pour position grande photo #Bouton hover rose 

    <p style="text-align: center;">Miracle, passez la souris sur la Vierge</p>
    <div style="width: 1150px; height: 747px; margin: 10px auto; background: url('http://ekladata.com/de ta grande photo.jpg');">
    <p id="bouton">&nbsp;</p>
    <p id="rose">&nbsp;</p>
    </div>
    <style><!--
    #bouton{position:absolute; z-index:6; width:1150px; height:647px;transform:translate(0px, 0px);}

    #rose{position:absolute; z-index:1;width:0px; height:0px; border-radius:10%; background:url('http://ekladata.com/petite photo.gif'); transform:translate(500px,450px); transition:all 1s linear; background-size:cover;}

    #bouton:hover ~ #rose{width:300px; height:600px; transform:translate(350px, 80px);}
    --></style>

    Si tu as besoin tu me demandes