<!DOCTYPE html>
<head>
<script>
/**
* Array con las imagenes y enlaces que se iran mostrando en la web
*/
var imagenes=new Array(
['img/1.jpg','http://www.lawebdelprogramador.com/cursos/'],
['img/2.jpg','http://www.lawebdelprogramador.com/foros/'],
['img/3.jpg','http://www.lawebdelprogramador.com/pdf/'],
['img/4.jpg','http://www.lawebdelprogramador.com/utilidades/']
);
var contador=0;
/**
* Funcion para cambiar la imagen y link
*/
function rotarImagenes()
{
// cambiamos la imagen y la url
contador++
document.getElementById("imagen").src=imagenes[contador%imagenes.length][0];
document.getElementById("link").href=imagenes[contador%imagenes.length][1];
}
/**
* Función que se ejecuta una vez cargada la página
*/
onload=function()
{
// Cargamos una imagen aleatoria
rotarImagenes();
// Indicamos que cada 5 segundos cambie la imagen
setInterval(rotarImagenes,5000);
}
</script>
</head>
<body>
<a href="" id="link"><img src="" id="imagen"></a>
</body>
</html>
Hay que copiar el código en una pagina.html y crear una carpeta img donde poner en su interior las imágenes. Para este código de ejemplo, las imágenes se denominan 1.jpg, 2.jpg, 3.jpg y 4.jpg