ROLLOVER DE IMÁGENES

Aqui os presento un rollover de imágenes enlazadas a la oficina de turismo de Francia.
Las dos imágenes deben tener el mismo tamaño, porque como podéis comprobar en este rollover la segunda imágen está un poco distorsionada.

Código que debéis pegar en la entrada (pestaña edición de HTML) o en un gadget de HTML:

<a onmouseover="getElementById('NOMBRE_de_cada_ROLLOVER').src='URL IMAGEN QUE APARECE AL PASAR EL CURSOR';" onmouseout="getElementById('NOMBRE_de_cada_ROLLOVER').src='URL IMAGEN INICIAL';" href="URL ENLACE, SI LO DESEAMOS"><img id="NOMBRE_de_cada_ROLLOVER" src="URL IMAGEN INICIAL" style="border:8px solid #333" height="200" width="300" /></a>

Podéis configurar el ancho y alto de vuestro rollover (height y width)o eliminar las líneas que hacen referencia al borde y al enlace de tu rollover