Comunidad PHPeros
Lenguajes => (X)HTML => Mensaje iniciado por: ferdi342 en 23 de Marzo de 2012, 23:17:09 pm
-
Hola, estoy con un pequeño proyecto y me surge la duda indicada en título de este tema, y es la siguiente, ¿cómo hago que una imagen cambie por otra mientras se esta pulsando encima de ella y cuando se deje de pulsar esta vuelva a la de antes?, sería como un onmouseover y onmouseout, pero mientras pulsas. He buscado por todos sitios, probando todo tipo de cosas pero no consigo hacerlo.
Exactamente no se si este tema corresponde aquí.
Por si alguien quiere ver un ejemplo, en http://www.apple.com/es (http://www.apple.com/es), en el menú, mientras pulsas la imagen cambia. He tratado también de buscar en el código fuente y en sus archivos CSS, pero nada no encuentro nada.
Gracias, saludos.
-
Hola, estoy con un pequeño proyecto y me surge la duda indicada en título de este tema, y es la siguiente, ¿cómo hago que una imagen cambie por otra mientras se esta pulsando encima de ella y cuando se deje de pulsar esta vuelva a la de antes?, sería como un onmouseover y onmouseout, pero mientras pulsas. He buscado por todos sitios, probando todo tipo de cosas pero no consigo hacerlo.
Exactamente no se si este tema corresponde aquí.
Por si alguien quiere ver un ejemplo, en http://www.apple.com/es (http://www.apple.com/es), en el menú, mientras pulsas la imagen cambia. He tratado también de buscar en el código fuente y en sus archivos CSS, pero nada no encuentro nada.
Gracias, saludos.
Hola :)
Es más fácil de lo que imaginas, con CSS lo puedes lograr de la misma forma que con hover, solo que en lugar de esta colocas active (osea, cuando estas presionando un elemento)
ejemplo:
#menu {
background: fondo en estado normal
}
#menu:hover {
background: fondo cuando se pasa el mouse sobre el elemento
}
#menu:active {
background: fondo cuando pulsas o dejas pulsado el elemento
}
Espero ser de ayuda y suerte con tu proyecto.
-
Hola :)
Es más fácil de lo que imaginas, con CSS lo puedes lograr de la misma forma que con hover, solo que en lugar de esta colocas active (osea, cuando estas presionando un elemento)
ejemplo:
#menu {
background: fondo en estado normal
}
#menu:hover {
background: fondo cuando se pasa el mouse sobre el elemento
}
#menu:active {
background: fondo cuando pulsas o dejas pulsado el elemento
}
Espero ser de ayuda y suerte con tu proyecto.
Conocía hover pero no active, me ha ayudado mucho, gracias K+.