y si tienes 2 imágenes, una grande y otra pequeña? te paso el codigo de una
paginilla que creé hace unas semanas, a ver si te sirve (lo que hace es
mostrar la imagen sobra la que pasas el mouse, más grande en otra zona de la
pantalla, aunque cambiando un poco podrías conseguir lo que te propones):
<html><head><title>bla</title><script type="text/javascript">
function aumenta(imagen)
{
var im = document.getElementById('lupa');
im.src = "big_" + imagen.substring(imagen.lastIndexOf('/') + 1);
// creo que la linea anterior es correcta, pero no
// la he probado (cosas de mejoras on the flye jeje)
im.className = "show";
}
</script>
<style type="text/css">
.hide { display: none;}
.show { display: block;}
#lupa {position: absolute; top: 100px; left: 100px;}
</style>
</head>
<body>
<img src="bla.jpg" onmouseover="aumenta(this.src)"
onmouseout="document.getElementById('lupa').className='hide'">
<script type="text/javascript">
document.write('<img src="noimporta.jpg" id="lupa" class="hide">');
</script>
</body></html>
y eso de que si especificas el width y height en el elemento <img> después
la función no hace nada... debes estar haciendo algo mal creo, ya que en
esta función que te paso, el atributo src bien que está definido (
noimporta.jpg) y la cosa sigue funcionando. Revisa el código, y sobretodo
utiliza la consola de javascript de firefox... te ayudará mucho.
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
