Hover Immagini con JQuery

[mrkarati]

Salve,
sto provando a creare degli effetti su delle immagini al passaggio del mouse. Quello che mi interesserebbe fare è in particolar modo:

- Modificare gradualmente le dimensioni dell'immagine al passaggio del mouse;
- Modificare gradualmente la scala di grigi dell'immagine al passaggio del mouse;

Attualmente sono riuscito a modificare le dimensioni dell'immagine in maniera graduale al passaggio del mouse utilizzando solo questo codice CSS:

#campaigns img
{
	float:left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
 
#campaigns img:hover
{
	-webkit-transform:rotate(0deg) scale(0.97,0.97);
	-moz-transform:rotate(0deg) scale(0.97,0.97);
	-o-transform:rotate(0deg) scale(0.97,0.97);
}

Il problema è che la cosa non sembra funzionare con Internet Explorer e per questo volevo chiedere se ci fosse un equivalente in jQuery. Per quanto riguarda la scala di grigi non son riuscito ancora a far nulla.


PS: la pagina dove sto facendo questi test è questa: http://mrkarati.altervista.org/saves.php

[alemoppo]

Per le dimensioni, prova con .animate().

Ciao!