Modificare immagine link al click su di essa?

hackersatifal

Utente Attivo
9 Ago 2012
238
0
0
Salve a tutti,
volevo chiedervi come era possibile modificare un link-immagine dopo al click su questo.
Ecco il codice:
HTML:
<html>
<head>
<style type="text/css">
</style>
</head>
<body style="background-color:#00cc88">
<center>
<div id="centro" style="width: 70%">
<img src="logo_nitwit.png" style="max-width: 200px; max-height: 50px; margin-left: -70%; margin-top: 1%">
<div id="buttons" style="position: relative; float: right; cleat: right">
<a href="login2.php?azione=login">(<img src="entra_bot.png" style="max-width: 200px; max-height: 50px; margin-top: 11%">)</a> 
</div>
</div>
</center>
</body>
</html>
Vorrei che nel momento in cui si clicca l'immagine nella parte tra parentesi tonde diventasse src="entra_bot_pressed"
Grazie a tutti in anticipo per il vostro aiuto,
hackersatifal.
 
La tua domanda non mi è abbastanza chiara, comunque:
HTML:
<div class="button"><a href="#"></a></div>
Codice:
.button a	{background: url(../img/readmore.png) no-repeat; width: 98px; height: 27px;}
.button a:hover	{background: url(../img/readmore_hover.png) no-repeat;}
.button a:active{background: url(../img/readmore_active.png) no-repeat;}

Prova in questo modo:
è il div stesso cliccabile e quando ci passi sopra con il mouse questo sostituisce l'immagine dello sfondo con un'altra immagine.
 
Ultima modifica:
aggiungo (non ho fatto in tempo a modificare il messaggio) che cambia immagine anche mentre il link è cliccato.
 

Discussioni simili