Camiar imagen botón al pulsar

[tempto]

Hola a tod@s,


No sabía qué poner de título para que se entendiera bien lo que quiero, aquí lo explico mejor.

En mi página web ya tengo implementada la función rollover con css, para que cambie la imagen de los botones al pasar el ratón, pero ¿cómo puedo conseguir que cambie la imagen al hacer clic sobre el botón y si hago clic sobre otro botón, éste cambie a pulsado y el otro a no pulsado?

¿Se puede hacer con css o hay que utilizar javascript?


Gracias

[jalex16]

usa :active, por ejemplo un botón con la clase boton:

Código CSS:

input.boton:active{ background: url(imagen.png); }
 

[tempto]

pero cuando suelto el ratón, vuelve a la primera imagen, no se queda con la imgen de pulsado :(

[jalex16]

entonces con jQuery. Usa el evento .click() y los métodos .addClass() y .removeClass()

Revisa el API de jQuery, es sencillo usarla.

[tempto]

gracias, veré cómo funciona

[JavierB]

Continúa en el foro de Css:

http://www.forosdelweb.com/f53/boton...actual-784632/

Saludos,