[Ovillo] Reemplazar imágenes

Vie Feb 2 14:59:03 UTC 2007

Saludos lista!!!!

Muchas gracias Juan Jorge!!!

Otra vez me dais la pista para encontrar la solución. Tenía una página 
con imágenes que se le aplicaba el efecto alpha, pero en internet 
explorer (como no...) tiene el inconveniente de que lo identifica como 
contenido activo y lo bloquea. Así que pensé en darle otra forma, 
reemplazando las imágenes. Finalmente he conseguido un código compatible 
con explorer y mozilla, a ver si os gusta...

------------------------------------------------------------------------
<html>
<head>
<style>
a img {width:200%;}
a:hover {display:block; text-indent:-100%;}
</style>
</head>
<body>
<p>Enlace que "cambia" la imagen con hover</p>
<div style="width:50%; overflow:hidden;">
<a href="#"><img border=0 
src="http://ervdesign.net/blog/img/rollover.jpg"></a>
</div>
<p>Imagen utilizada</p>
<img border=0 src="http://ervdesign.net/blog/img/rollover.jpg">
</body>
</html>
------------------------------------------------------------------------

Juan Jorge Muñoz Herrero escribió:
> Vaya, no te debió llegar, te respondí lo siguiente:
>
>> Es porque IE no tiene soporte para la pseudoclase hover, lee esto
>> http://alistapart.com/articles/dropdowns
>>
>> Por otro lado, ten en cuenta que al hacer el reemplazo, la segunda imágen
>> tardará algunos segundos en cargarse, así que sería más conveniente que
>> unificases las dos imágenes en una sola, con el mismo ancho pero el doble de
>> larga, y poner su posición en top para el estado normal y posición bottom
>> para el estado hover, no se si me he explicado.