Foros del Web » Creando para Internet » CSS »

Botones con imágenes (rollover)

Estas en el tema de Botones con imágenes (rollover) en el foro de CSS en Foros del Web. Buenos dias! Llevo más tiempo del que deberia dandole vueltas a ésto a ver si me podeis echar un cable. Es muy simple: lo que ...
  #1 (permalink)  
Antiguo 21/10/2006, 06:11
 
Fecha de Ingreso: junio-2003
Ubicación: Cantabria
Mensajes: 61
Antigüedad: 14 años, 5 meses
Puntos: 1
Botones con imágenes (rollover)

Buenos dias!

Llevo más tiempo del que deberia dandole vueltas a ésto a ver si me podeis echar un cable.

Es muy simple: lo que quiero hacer es una imagen que tenga un enlace, al situar el raton encima, me sustituya la imagen por otra.

Sé hacerlo con Javascript y html. ¿Cómo se hace con CSS?

Un menú como este es más o menos lo que intento hacer:
http://www.ilkilkilk.com/
  #2 (permalink)  
Antiguo 21/10/2006, 08:27
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola:

Sin javascript también es fácil, pero en navegadores "no MS"

La imagen como fondo del botón y cambiarla con el :hover... Con explorer solo valen rollover javascript (con imagenes de fondo o tags img)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 21/10/2006, 20:12
Avatar de Seppo  
Fecha de Ingreso: marzo-2005
Ubicación: Buenos Aires, Argentina
Mensajes: 1.284
Antigüedad: 12 años, 9 meses
Puntos: 17
Se puede hacer con CSS... podrías utilizar un estilo como el siguiente...

a {
display:block;
width:100px;
height:20px;
background-image:url(sin_rollover.gif);
background-repeat:no-repeat;
}

a:hover {background-image:url(con_rollover.gif);}

El problema es q hace la carga de la imagen en el momento, entonces se ve lento. La otra alternativa es pegar ambas imagenes, una al lado o por debajo de la otra y utilizar este método pero cambiando el background-position y no la imagen
  #4 (permalink)  
Antiguo 22/10/2006, 16:45
 
Fecha de Ingreso: junio-2003
Ubicación: Cantabria
Mensajes: 61
Antigüedad: 14 años, 5 meses
Puntos: 1
Muchisimas gracias por contestar! Era eso lo que necesitaba saber.

¿Vosotros creeis que la manera de hacerlo que comenta Seppo, es la misma que usa el autor de la página que he puesto (http://www.ilkilkilk.com)?

Gracias de nuevo.
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.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:40.