Curioso rollover en javascript

May 11, 2004

Si veis el menú de la izquierda, he añadido un mini banner de publicidad para los que me querais enlazar de forma más gráfica, el rollover está hecho de forma un tanto extravagante, en javascript. Este código irá en la cabecera de la página, para que precargue las imágenes en el Load:

<script language="JavaScript">
	Imagenes = new Array();
	function Precargar()
	{
		for (var j=0; j<Precargar.arguments.length; j++)
		{
			Imagenes[j]=new Image;
			Imagenes[j].src=Precargar.arguments[j];
		}
	}
	Precargar('images/banners/banner01.jpg', 'images/banners/banner01hover.jpg');
</script>

Y a la hora de hacer el enlace simplemente habrá que poner algo así:

<a href="http://www.userlinux.net"><img src="images/banners/banner01.jpg" border="0" alt="banner01" onmouseover="this.src=Imagenes[1].src;" onmouseout="this.src=Imagenes[0].src;" title="diario de r0sk"/></a>