Cambio imagen enlace

paulkees · #1 (**permalink**) 26/09/2008, 13:08

Hola a todos...

Tengo este enlace y queria saber si es posible que al pasar el raton por el texto tambien cambie la imagen a close2.gif?

Código HTML:

a.avisoe {color:#6E6E6E;}
a.aviso: visited {text-decoration:none;}
a.aviso: active {text-decoration:none;}
a.aviso: link {text-decoration:none;}
a.aviso: hover {text-decoration:none;color:#c00;
}

<div>
<a class="aviso" href="#">CERRAR<img src="images/close1.gif"></a>
</div>

Por favor, si es posible alguien me puede ayudar a resolverlo!

Gracias y saludos.-

#2 (**permalink**) 26/09/2008, 13:11

No podés hacerlo de esa forma solamente con CSS, ya que CSS no tiene la capacidad de cambiar valores de atributos.
Solamente las podés cambiar si las ponés como fondo de algún elemento, con background-image.

De otro modo, tendrás que usar Javascript.

Saludos.

paulkees · #3 (**permalink**) 26/09/2008, 13:15

Gracias por la respuesta!!!

JavierB · #4 (**permalink**) 26/09/2008, 14:16

Hola paulkees y alvlin

Creo que esto podría servir:

Código:

<html>
<head>
<style type="text/css">
a img {border:0}
a span {display: none}
a:hover span {display: inline}
a:hover>img {display: none}
</style>
</head>
<body>
<a href="algo.html">enlace<img src="imagen1.jpg" /><span><img src="imagen2.jpg"></span></a>
</body>
</html>

Saludos,

#5 (**permalink**) 26/09/2008, 14:19

No se me había ocurrido modificar el HTML

Excelente solución

paulkees · #6 (**permalink**) 26/09/2008, 14:45

Hola... muchas gracias por la ayuda

Si, como dice javierB, de esa forma cambia la imagen al pasar el raton por el texto. Pero como hago para cambiar el color del texto y que no se vea la linea debajo ?

Saludos.-

paulkees · #7 (**permalink**) 26/09/2008, 15:08

Hola nuevamente...

Ya le di solución... fue una torpeza mia!!!

Muchísimas gracias por la ayuda...

Saludos