Probleme fonction jquery

Fermé
julien - 3 sept. 2011 à 17:41
Bonjour,

je suis en train de construire un petit site web pour moi.
Je touche pas mal en html et css mais j'ai un peu de mal avec le jquery voire beaucoup...

Voila mon problème : j'ai un icône qui pointe vers un lien et je voudrai que quand je passe la souris dessus je voudrai qu'il change d'apparence en faisant un fondu.
Pour ça j'ai créé deux versions de cette icône avec évidement une apparence différente pour chaque versions.

pour éviter de longues explications qui pourrai semer la confusion je laisse le code correspondant à cet effet que je veux faire:


jquery:
<script>
$("#Icone1").mouseOver(function(){
$("#Icone2").fadeIn('fast',function(){
$("#Icone2").fadeOut('fast');
});
});
</script>


html:
<div id="icones">
<img src="images/icone1.png" id="Icone1" alt=""/>
<img src="images/icone2.png" id="Icone2" alt=""/>
</div>


css:
#icones {
margin-left: -100px;
margin-top: 55px;
float: left;
width: 64px;
height: 64px;
}


#Icone1 {
-webkit-border-radius: 18px 18px 18px 18px;
-moz-border-radius: 18px 18px 18px 18px;
-khtml-border-radius: 18px 18px 18px 18px;
border-radius: 18px 18px 18px 18px;
}


#Icone2 {
display: none;
-webkit-border-radius: 18px 18px 18px 18px;
-moz-border-radius: 18px 18px 18px 18px;
-khtml-border-radius: 18px 18px 18px 18px;
border-radius: 18px 18px 18px 18px;
box-shadow: 0 0 10px rgb(0,0,0);
}


voila si vous voulez plus de précisions demandez moi
Merci d'avance:)


julien