Unha foto que cambia cada 5 segundos

Eu elexín para a miña web, facer que unha foto da portada cambie cada cinco segundos.

Isto a min foime bastante doado servíndome dun titorial que encontrei.Pero agora vouvos explicar os pasos que eu seguín para conseguilo.
Primeiro escribín en "scripts.js" o seguinte código, claro que hai que substituír a dirección das imaxes que eu puxen pola que cada un teña(o que está seguido das dúas barriñas é a explicación de para que sirve cada parte do código):

//Array coas imaxes que se irán mostrando na web var imaxes=new Array( 'images/bts10.jpg', 'images/bts2.jpg',  'images/bts12.jpg', 'images/bts13.jpg', 'images/bts14.jpg', 'images/bts16.jpg'); //Funcion para cambiar a imaxe function rotarImaxes() {// Obtemos un numero aleatorio entre 0 e a cantidade de imaxes que hai var index=Math.floor((Math.random()*imaxes.length)); // Cambiamos a imaxe document.getElementById("imagen").src=imaxes[index];} //Función que se executa unha vez cargada a páxina onload=function() {// Cargamos unha imaxe aleatoria rotarImaxes(); // Indicamos que cada 5 segundos cambie a imaxe setInterval(rotarImaxes,3500);}

O último que fixen foi escribir no "index.html" o seguinte código(hai que colocalo no body):

<img src="" id="imagen"></a>

Espero que vos servira de axuda a explicación, se o conseguides darédeslle á vosa web un estilo moito máis creativo, animado e dinámico, espero que vos servira de axuda para favorecer a vosa páxina web. :)