cambio immagine al passaggio del mouse

[Cho Hakkai]

volevo creare dei link composti da un iconcina e dal testo...mentre per far cambiar colore al testo al passaggio del mouse basta usare i css,come posso far cambiare l'immagine?

[$imone]

Ti posto un codice che ho creato io qualche giorno fa...funziona da dio...

function change() {
if(document.getElementById) {
	if(document.getElementById('immagine').getAttribute('src') == 'path_immagine') {
		document.getElementById('immagine').removeAttribute('src');
document.getElementById('home').setAttribute('src','path_seconda_immagine');
}
}
}

function back() {
if(document.getElementById) {
	if(document.getElementById('immagine').getAttribute('src') == 'path_seconda_immagine') {
		document.getElementById('immagine').removeAttribute('src');
document.getElementById('immagine').setAttribute('src','path_immagine');
}
}
}

Ovviamente devi richiamare la prima funzione all'onMouseover sull'immagine e la seconda all'onMouseOut dall'immagine...Inoltre devi sostituire il "path_immagine" e "path_seconda_immagine" con i reali path delle immagini, ed inoltre dare un nome all'immagine in questione, così che possa essere univocamente rintracciata dallo script...

[Cho Hakkai]

domani provo ora son troppo stanco
nel mentre accetto pure altri consigli!

[StefanoV]

Che casino!

Ma non bastava fare tutto nel codice html del img così?

[img]img_norm.gif[/img]

[joker06]

mi dite anche come cambiare il colore di sfondo? mi sarebbe molto utile

[$imone]

Beh...io direi che la mia funzone può essere adattata anche al colore di sfondo...
basta are un id al body, rintracciarlo tramite getElementById e poi dirgli di controllare il colori di sfondo tramite getAttribute. Dipendentemente dal colore di sfondo corrente, imposti il cambiamento con removeAttribute e un nuovo setAttrbute (ovviamente l'attributo è bgcolor )...
Se sei confuso, guarda qui

[gabip87]

Originariamente inviato da Cho Hakkai

volevo creare dei link composti da un iconcina e dal testo...mentre per far cambiar colore al testo al passaggio del mouse basta usare i css,come posso far cambiare l'immagine?

visto che l'iconcina non fa parte del contenuto, ma è un elemento grafico, di presentazione, potresti impostarla come background e fare tutto con i CSS. puoi usare una sola immagine (cosi non devi attendere il caricamento nello stato :hover) e cambiare il background-position.

[gabip87]

Originariamente inviato da joker06

mi dite anche come cambiare il colore di sfondo? mi sarebbe molto utile

lo sfondo di cosa? parli sempre di link? bastano i CSS..

a:link, a:visited
{
   background:#333
}

a:hover, a:active
{
   background:#ccc;
}