Iniciar sesión
Crear cuenta
Crear cuentaCrear cuenta(68)(11)(9)<!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