ejecutá la función tambien onload, con lo que la imagen debiera cambiarse.
Edito:
Despiste el mío. Es lo que sugirió @Sirikon +1
Otra cosa a tener en cuenta, si hacés un ramdom y tenés solo 3 imágenes, es probable que veas varias veces la misma antes de que se produzca la rotación.
Te dejo una función para que analices, con lo que se hace el ramdom pero los numeros no se repiten
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript"> //<![CDATA[
//Método Fisher-Yates
var mezclar = function(n){
for(var j, x, i = n.length; i; j = parseInt(Math.random() * i), x = n[--i], n[i] = n[j], n[j] = x);
return n;
}
var sec = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
function mostrar(){
var texto = document.getElementById('texto');
var cadena = mezclar(sec).toString();
if(sec.length == 1){
sec = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
}
texto.innerHTML = cadena[0];
sec.shift();
}
setInterval("mostrar()", 1000);
//]]>
<body onload="mostrar();">
Saludos