Intenté muchas formas de mostrar una imagen diferente cada vez que se actualiza la página, pero no tengo idea de cómo hacer que esto funcione... Todavía soy bastante nuevo en esto, así que tal vez hay algo pequeño que me estoy perdiendo.
window.onload=randomp(); var pic_rand=new Array; pic_rand[0]=new Image(); pic_rand[0].src="folder/image1.png"; pic_rand[1]=new Image(); pic_rand[1].src="folder/image2.png"; pic_rand[2]=new Image(); pic_rand[2].src="folder/image3.png"; function randomp(){ var randomNum = Math.floor(Math.random() * pic_rand.length); document.getElementById("image1").src = pic_rand[randomNum]; }No necesita construir un objeto de Image para cada URL de imagen de origen que tenga. De hecho, no necesita ninguno ya que parece que ya tiene uno en el DOM. Simplemente haga una matriz de URL de origen y elija una al azar.
Además, asegúrese de pasar la función randomp a onload sin llamarla.
window.onload = randomp; var pic_rand = ["folder/image1.png", "folder/image2.png", "folder/image3.png"]; function randomp(){ var randomNum = Math.floor(Math.random() * pic_rand.length); document.getElementById("image1").src = pic_rand[randomNum]; }