Cambiare la fonte dell'immagine al rollover usando jQuery
Ho alcune immagini e le loro immagini di rollover. Usando jQuery, voglio mostrare/nascondere l'immagine di rollover quando avviene l'evento onmousemove/onmouseout. Tutti i nomi delle mie immagini seguono lo stesso schema, come questo:
Immagine originale: Image.gif
.
Immagine Rollover: Imageover.gif
Voglio inserire e rimuovere la "over" porzione di origine dell'immagine nell'evento onmouseover e onmouseout, rispettivamente.
Come posso farlo usando jQuery?
442
3
Per impostare su pronto:
Per quelli che usano fonti di immagini url:
So che stai chiedendo di usare jQuery, ma puoi ottenere lo stesso effetto nei browser che hanno JavaScript disattivato usando i CSS:
C'è una descrizione più lunga qui
Ancora meglio, però, è usare gli sprite: simple-css-image-rollover
Potresti voler cambiare la classe delle immagini dalla prima riga. Se hai bisogno di più classi di immagini (o di un percorso diverso) puoi usare
e così via.
Dovrebbe funzionare, non l'ho testato :)