- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Aiuto codice HTML onMouse!
-
Aiuto codice HTML onMouse!
Ciao a tutti, ho creato un semplice menu con codice onMouseOver/Out per il mio sito, ma quando passo sopra all'immagine con il mouse si crea una leggera ombra, come se si scurisse l'immagine stessa.
Guardando nella sorgente dipotreste aiutarmi a risolvere il problema dicendomi dove ho sbagliato?
Comunque il codice è questo:[PHP] <a href="index.php">
<img style="border:none" src="images/home1.png" onMouseOver="this.src='images/home2.png';" onMouseOut="this.src='images/home1.png';">
</a>[/PHP]Grazie in anticipo, Mattia.
P.S.: Ammetto che si scurisce molto lievemente, ma vorrei eliminare l'effetto, anche perchè quando con il mouse mi avvicino al bordo dell'immagine, prima si scurisce, poi quando passo sopra si attiva l'effetto onMouseOver.
-
Osserva le due immagini home1.png e home2.png. Probabilmente noterai che home2.png è simile a home1.png ma più scura.
Se è così basta sostituire ad home2.png nell'evento onMouseOver l'immagine home1png.
-
Ho risolto: nel foglio CSS avevo scritto il codice per il quale al passaggio del mouse su immagine linkata con il <a href=""></a> l'immagine stessa si sarebbe scurita. Grazie lo stesso!
Chiudete pure.