Option sur css

https://edu.ca.edu/x-html-et-css-manuel-et

fouine un peu ici :
https://www.google.fr/?gws_rd=ssl#hl=fr&gs_nf=1&cp=6&gs_id=bl&xhr=t&q=opacity+css&pf=p&sclient=psy-ab&oq=opacit&gs_l=&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.,cf.osb&fp=10be85ea78545c66&biw=1366&bih=636
;)

<img href='chemin_mon_image' id='image' style='opacity: 1;' />

		<script type="text/javascript">
var image = document.getElementById('image');

function anim() {

    var s = image.style,
        result = s.opacity = parseFloat(s.opacity) - 0.1;
  
    if ( result > 0.2 ) {
        setTimeout(anim, 50); 
    }

}
function anim2() {

    var s = image.style,
        result = s.opacity = parseFloat(s.opacity) + 0.1;
  
    if ( result  <1 ) {
        setTimeout(anim2, 50); 
    }

}
image.onmouseover =function(){anim();}
image.onmouseout = function(){anim2();}
</script>

voila la photo deviens transparente quand la souri passe dessus et redeviens normal quand la souri part
cordialement

"Celui qui se transforme en bête se delivre de la douleur d'être un homme"

Pour la rendre plus foncer ta une technique :

<div id='divImg'>
<img src='image.jpg' id='image' alt='image' />
<div id='fonce'></div>
</div>

et CSS :

#divImg {
position: relative;
height : hauteur de ton image en px;
width: largeur de ton image en px;
}
#fonce {
position: absolute;
top: 0px;
left:0px;
background-color: black;
opacity: 0;
height:100%;
width:100%;
}
#fonce:hover {
opacity:0.5;
}

merci pour tous vos conseils
j'ai enfin réussi !

met le topic en résolu pour faciliter la vie de ceux qui répondent stp ^^'

salut ;)
depuis que tu multiplies les 'posts' ne penses-tu pas que faire réellement une bonne fois pour toutes une aide véritablement suivie serait une bonne solution ???
car après on va avoir droit au même nombre de posts pour le ref ...
si tu veux ( pas mon habitude : MP !!!!)
@+