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]

Originariamente inviato da Snivel

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]

Originariamente inviato da 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

Ho 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

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

<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]

Originariamente inviato da 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'"
/>

grazie Sgt.Pepper89 ha funzionato alla perfezione!!