Ciao a tutti...
Premetto di essere alle prime armi con jQuery e volevo capire una cosa:
io ho sviluppato un piccolo codice che mi ingrandisce un'immagine quando il mouse si sofferma sopra di essa e viene riportata alle dimensioni normali quando il mouse viene tolto; funziona tutto perfettamente ma il fatto è che devo inserire 6 immagini e non so che fare ora ne ho due inserite e solo una va perchè gli ho messo una classe per distinguerla.
Come devo fare?
Qui c'è il codice
codice:
<script> var jq=jQuery.noConflict();
jq(document).ready(function(){
jq("img.c").mouseover(function(){
jq("img.c").animate({height:700},"slow");
jq("img.c").animate({widht:600},"slow");
});
});
</script>
<script>
var jq=jQuery.noConflict();
jq(document).ready(function(){
jq("img.c").mouseout(function(){
jq("img.c").animate({height:300},"slow");
jq("img.c").animate({widht:300},"slow");
});
});
</script>