Hola a todos... estoy haciendo mis pinitos con Dreamweaver CS5, y tengo unas fotos en los laterales de la página que estoy haciendo, las cuales quiero que al pasar el ratón por encima se muestren a tamaño completo, y al salir fuera de la imagen, vuelvan automáticamente a su tamaño. Conozco la función onmouseover, pero el problema es que no modifica el tamaño de la imagen, simplemente cambia una por otra... ¿conocéis alguna forma de hacerlo? Muchas gracias de antemano.
<style type="text/css">
.thumbnail{position: relative;z-index: 0;font:12px verdana;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{position: absolute;background-color:#eaeaea;padding: 5px;
left: -1000px;border: 1px dashed #999;visibility: hidden;
color: black;text-decoration: none;}
.thumbnail span img{border-width: 0;padding: 2px;}
.thumbnail:hover span{visibility: visible;top: 0;left: 60px;}
</style>
<!-- solo edita esto -->
<a class="thumbnail" href="#"><img src="URL DE LA IMAGEN PEQUEÑA" border="0" /><span><img src="URL DE LA IMAGEN GRANDE" /><br/>Descripcion de la imagen</span></a>