Estoy manejando este código que me permite mostrar una imagen aleatoria cada vez que se visita mi página:
<html>
<head>
<script type="text/javascript">
var totalCount = 20;
function ChangeIt()
{
var num = Math.ceil( Math.random() * totalCount );
document.body.background = 'bgimages/'+num+'.jpg';
document.body.style.backgroundSize = '100% 100%';
}
</script>
</head>
<body>
</body>
<script type="text/javascript">
ChangeIt();
</script>
</html>
pero me di cuenta que al darle el botón de recarga de la página me vuelve a cambiar la imagen por una nueva aleatoria, lo cual básicamente es lógico, pero me gustaría saber si es posible evitar esto, es decir, que al darle refrescar pantalla permanezca la imagen que se eligió y que la unica forma de presentar una imagen nueva sea cerrando el navegador e ingresando nuevamente.
De antemano muchas gracias si me dan alguna idea de como hacerlo.