bonjour à tous,

j'aimerais réaliser le meme effet que sur ce site :
http://www.paul.fr/shop/fr-FR/Category/Pains_1

j'aimerais qu'en passant la souris sur 1 image,
- que ses bords deviennent blanc
- et que toutes les autres images s'assombrissent

j'ai réalisé ceci , mais mon image a bien ses bords blanc, par contre elle s'assombrit avec les autres.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.pikachoose {
width: 980px;
 
position:absolute;
background-color:#12120A;
margin: 0 auto;margin-top:80px;
}
 
.pikachoose :hover{
opacity:0.5;
}
 
 
.pika-thumbs{ padding: 0 16px; height: 75px; }
	.pika-thumbs li{ width: 144px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
		float: left; list-style-type: none;padding: 0px; margin: 0 5px; background: #fafafa; border: 1px solid #5A4941; cursor: pointer;
		}
 
.pika-thumbs li:hover{border: 1px solid white;opacity:1;}
Comment puis je faire pour que l'image HOVER soit ne fasse pas parti du lot assombrit ?

Merci pour votre aide