HTML HELP!!

[Snivel]

ciao a tutti vorrei porvi un quesito:
come faccio a inserire un immagine che quando ci passo sopra con il mouse ne carica un altra e quando ci clicco ne carica un altra ancora?? thx per le risposte!! :) :)

[fale]

per quanto ne so, devi usare il java script

[MEMon]

usi gli eventi onmouseover (per quando passi sopra l'immagine) e onclick(per quando cliccki) per modificare l'attributo bacground-image di un determinato elemento html.
Per ste cose van bene i div.

[andbin]

come faccio a inserire un immagine che quando ci passo sopra con il mouse ne carica un altra e quando ci clicco ne carica un altra ancora??Si chiama "rollover". Lo si può fare in Javascript. Però, per la tua necessità specifica, dovresti spiegare meglio: hai una immagine A, se ci passi sopra metti l'immagine B e se clicchi sopra, metti l'immagine C, ok? Ma se ci ripassi sopra cosa vuoi che faccia? Che resti l'immagine C o metta l'immagine B? Cioè spiega meglio il ciclo delle immagini.

[Snivel]

ho un immagine A che e' l'immagine di partenza, quando passo sopra si carica l'immagine B, quando ci clicco carica l'immagine C

[andbin]

ho un immagine A che e' l'immagine di partenza, quando passo sopra si carica l'immagine B, quando ci clicco carica l'immagine CHo capito! .... ma se dopo che hai cliccato (e quindi hai l'immagine C) ci ripassi sopra, cosa deve/dovrebbe fare?

[Snivel]

raga per farvi capire cosa intendo fare vi riporto a questa pagina creata in frontpage: link (http://bellapetutti.interfree.it)

praticamente e' quello che voglio fare pero vorrei applicarlo con codice html!!

[Snivel]

andbin ora capisco che intendi: allora immagine A, passaggio del mouse immagine B, click del mouse immagine C, rilascio click immagine B, tolgo il puntatore dall'immagine immagine A

[Sgt.Pepper89]

prova con questo codice:

<img src="immA.png"
onmouseover="this.src='immB.png'"
onmouseout="this.src='immA.png'"
onmousedown="this.src='immC.png'"
onmouseup="this.src='immB.png'"
/>

[whiles_]

lo puoi fare anche coi css :O

<a id="img1" href="#"></a>

e

a#img1 {
display:block;
height:40px;
width:40px;
background: url(img1_normal.png);
}

a#img1:hover {background: url(img1_over.png);}
a#img1:active {background: url(img1_active.png);}


_Non testato_

[Snivel]

prova con questo codice:

<img src="immA.png"
onmouseover="this.src='immB.png'"
onmouseout="this.src='immA.png'"
onmousedown="this.src='immC.png'"
onmouseup="this.src='immB.png'"
/>

grazie Sgt.Pepper89 ha funzionato alla perfezione!!