Iniciar sesión
Crear cuenta
Crear cuentaCrear cuenta
(71)(67)(4)<!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/']
); /**
* Funcion para cambiar la imagen y link
*/
function rotarImagenes()
{ // obtenemos un numero aleatorio entre 0 y la cantidad de imagenes que hay
var index=Math.floor((Math.random()*imagenes.length));
// cambiamos la imagen y la url
document.getElementById("imagen").src=imagenes[index][0];
document.getElementById("link").href=imagenes[index][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