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 Smiley cligne
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
}
Salut

Ton :hover tu le met directement sur ta div, met le sur ton élément image .

img.logo1,div.fader img.logo2:hover {
	opacity:1.0
}
div.fader img.logo1:hover ,img.logo2 {
	opacity:0
}

Modifié par JENCAL (20 Nov 2015 - 12:02)
Merci pour ta réponse !
Après l'avoir lu je me dit "Pourquoi je n'y ai pas pensé ????" Smiley biggol

Du coup , j'ai testé mais ça me fait un fonctionnement bizarre.

Lorsque je passe sur l'image , j'ai bien mon changement d'image par contre :
-Si je reste dessus je reviens à la 1ere image ( au lieu de rester sur la 2eme )
-Si je bouge sur l'image elle clignote entre les 2 images
-Parfois si je ne bouge pas , à certains endroits l'image disparait.

J'ai l'impression que le fondu se mort la queue alors que quand le hover etait appliqué a la div je n'avais pas ce soucis ?

Bonne journée