Me imagino que las imagenes las cambias cuando el cliente realiza algún movimiento, o sólo las cargar al principio, cuando se carga la página.
En caso de que se esté haciendo un evento, ejemplo si esta mostrando imagenes con un boton:
Código HTML:
.
.
.
<input type="button" onclick="cambiaimg();">
lo que sucede es que te escribira en la última parte que el escribio, por ello te recomiendo, aun asi si tambien fuera en un load que usaras un div
Código HTML:
<script .....>
function cambia(){
var mydiv=document.getElementById('midiv');
var texto;
for (i = 1; i <= 5; i++)
{
var randomnumber = Math.floor(Math.random()*52) + 1;
texto='<img src=\"./Images/' + randomnumber+".gif" + '\" >';
}
mydiv.innerHTML=texto;
</script>
.
.
.
<body>
.
.
<div id="midiv" name="midiv"></div>
.
.
.
Sería lo más efectivo y si se recarga muchas veces la página controlara que queden sólo 5 imagenes