Cambiar fondo div al actualizar

[adrianandin0]

Hola gente, este es mi primer mensaje! Usé el buscador para ver si encontraba algo pero solo hay un tema creado en 2007 que me daba una idea pero no me quedó del todo claro así que vuelvo a consultar.

Necesito hacer que el fondo de un div cambie cada vez que actualizo la página alternando de manera aleatoria entre 4 imágenes que ya tengo creadas. (Las imágenes son de 900 x 250)

Estuve leyendo y se que tengo que crear un javascript que liste las imagenes en un aray.. pero no se bien como hacerlo (no tengo mucha idea de esto, estoy empezando a programar recien)
El .js lo llamé random pero nose bien como debe ser el código... que tengo que agregarle?

se me ocurre algo como:

Código:

  var imageness=new Array()

  imagenes[1]="imagenes/banner1.png"

  imagenes[2]="imagenes/banner2.png"

  imagenes[3]="imagenes/banner3.png"

  imagenes[4]="imagenes/banner4.png"

pero le falta la mitad de las cosas xD

luego llamarlo en el head

Código:

<script language="javascript" src="random.js"></script>

y tampoco se como asignar el estilo a la div.. asi que practicamente pido ayuda para todo

la div es la siguiente.. por ahora le deje un fondo estatico asi:

Código:

<div id="banner" style="background-image: url(imagenes/banner1.png); width:900px; height:250px;">

espero puedan ayudarme gracias!!

[miktrv]

Código Javascript:

function random_bg() {
var images = ["image1.png", "image2.png", "image3.png"];
var banner = document.getElementById("banner");
var random = (Math.round((Math.random()*images.length)+1))
banner.style.backgroundImage = images[random];
}
 

Espero que te sirva, revísala porque esta hecha sin probar, recuerda que tienes que esforzarte un poco , ánimo!

Un saludo!