Hola a todos, me gustaría pedirles ayuda con un script que tengo, verán, el script lo que hace es alternar imágenes en un div en forma aleatoria con su correspondiente enlace guardado en un array, con la ayuda del setinterval realiza el cambio cada 5 segundos, pero, el problema, es que al inicio de cargar la página se demora 5 segundos en aparecer la primera imagen, luego funciona sin ningún problema, alguien tiene alguna sugerencia o modificación para que el script me muestre una imagen aleatoria al momento de cargar la página por primera vez y luego siga operando normalmente?
<SCRIPT LANGUAGE="JavaScript">
banners = new Array();
banners[0]= new Array("1156.png","http://www.enlace1.com");
banners[1]= new Array("1441.png","http://www.enlace2.com");
banners[2]= new Array("2192.png","http://www.enlace3.com");
function cambiarImagen()
{
var ad = parseInt(Math.random() * banners.length);
seleccionado= banners[ad][0];
enlace= banners[ad][1];
document.getElementById('img').src= banners[ad][0];
document.getElementById('link').href= banners[ad][1];
}
setInterval(cambiarImagen,3000)
</SCRIPT>
<a href="" id="link" target="_blank">
<img src="" id="img" width="770" height="330" border="0">
</a>