Foros del Web » Creando para Internet » Diseño web »

Camiar imagen botón al pulsar

Estas en el tema de Camiar imagen botón al pulsar en el foro de Diseño web en Foros del Web. Hola a [email protected], 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 ...
  #1 (permalink)  
Antiguo 04/03/2010, 09:29
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 8 años, 5 meses
Puntos: 2
Pregunta Camiar imagen botón al pulsar

Hola a [email protected],


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
  #2 (permalink)  
Antiguo 04/03/2010, 09:56
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 11 años, 2 meses
Puntos: 12
Respuesta: Camiar imagen botón al pulsar

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

Código CSS:
Ver original
  1. input.boton:active{ background: url(imagen.png); }
  #3 (permalink)  
Antiguo 04/03/2010, 11:21
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Camiar imagen botón al pulsar

pero cuando suelto el ratón, vuelve a la primera imagen, no se queda con la imgen de pulsado :(
  #4 (permalink)  
Antiguo 04/03/2010, 11:27
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 11 años, 2 meses
Puntos: 12
Respuesta: Camiar imagen botón al pulsar

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

Revisa el API de jQuery, es sencillo usarla.
  #5 (permalink)  
Antiguo 04/03/2010, 11:57
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Camiar imagen botón al pulsar

gracias, veré cómo funciona
  #6 (permalink)  
Antiguo 04/03/2010, 12:23
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Respuesta: Camiar imagen botón al pulsar

Continúa en el foro de Css:

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

Saludos,

Etiquetas: pulsar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 20:14.