Hola si entendi bien lo que quieres hacer pues simplemente puedes hacer algo asi...
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=iso-8859-1" />
<script type="text/javascript"> function cargaImagen() {
var images = ["imagen1.png","imagen2.png","imagen3.png"];
var index = Math.floor(Math.random()*images.length);
var tagImagen = document.getElementById("imagen");
var tagLink = document.getElementById("link");
tagLink.href = images[index];
tagImagen.src = images[index];
}
<body onload="cargaImagen()"> <img id="imagen" src="#" />
En la funcion javascript tienes las siguientes variables y te explico que son.
images : un array con la ruta a todas tus imagenes, en este caso suponemos que las imagenes esta en la misma carpeta que tu pagina html en caso que esten en otra ubicacion debes cambiarlas tambien en el array
index : un numero aleatorio de 0 a n posiciones de tu array de modo que aunque cambies la cantidad de imagenes siempre el indice se situara en una posicion de tu array para elegir la imagen que quieres aleatoriamente
tagImagen y tagLink : aca tomo en estas variables los elemntos html donde voy a cargar el link a la foto y la foto.
tagLink.href : con esto le doy como valor de link al elemento tagLink el valor del array de tus imagenes elegidos aleatoriamente (images[index]) lo mismo hago con tagImagen pero para insertarle la imagen.
Pruebalo y me dices si te funciona Saludos