21/10/2006, 05:11
| |||
| |||
| 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/ |
|
21/10/2006, 07:27
| ||||
| ||||
| 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 |
|
21/10/2006, 19:12
| ||||
| ||||
| 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
__________________ |
|
22/10/2006, 15:45
| |||
| |||
| 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. |
