Bonjour ,
Je suis nouveau sur le forum mais pas sur le site que j'ai pas mal consulter.
Mon soucis se situe au niveau d'un Rollover sur une image avec transition vers une autre
Ca fonctionne bien à un détail près , en fait le rollover fonctionne mais pas seulement en pasasnt sur l'image, il se produit sur toute la largeur de la page à gauche et à droite de l'image.
Si vous aviez des idées ou conseils je suis preneur
Merci
Je suis nouveau sur le forum mais pas sur le site que j'ai pas mal consulter.
Mon soucis se situe au niveau d'un Rollover sur une image avec transition vers une autre
Ca fonctionne bien à un détail près , en fait le rollover fonctionne mais pas seulement en pasasnt sur l'image, il se produit sur toute la largeur de la page à gauche et à droite de l'image.
Si vous aviez des idées ou conseils je suis preneur
Merci
<div id="slide1" >
<div class="slide_inside"></br></br></br>
<div class="fader">
<span><img class="logo1" src="image/logo/Logo2_fond_trans_ST.png" alt="" style="position:absolute;" /></span>
<span><img class="logo2" src="image/logo/Logo2_fond_trans_ST_inv.png" alt="" /></span>
</div> <!--.fader-->
</div> <!--.slide_inside-->
</div> <!--#slide1-->
#slide1 {
height:950px;
text-align: center;
overflow:hidden;
background: url(image/bg/slide1-bg.jpg) center 0 no-repeat fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
}
#slide1 div img.logo1 {
max-width:450px;
height: auto;
}
#slide1 div img.logo2 {
max-width:450px;
height: auto;
}
.fader img {
-webkit-transition:2s ease-in-out;
-moz-transition:2s ease-in-out;
-o-transition:2s ease-in-out;
transition:2s ease-in-out
}
img.logo1,div.fader:hover img.logo2 {
opacity:1.0
}
div.fader:hover img.logo1,img.logo2 {
opacity:0
}