imagen dinamica como fondo de un div

[wasa2004]

Hola a todos necesito cambiar de manera de dinamica la imagen de fondo de un div con codigo javascript.

Ejm del contenedor puro:


<div style="background-image: url(img_cabezal/home/'+home_imagen[random1]+');background-repeat: no-repeat; background-position: left top\">


Lo que necesito que sea dinamico es lo que contiene el style o el parameto url del mismo.

Saludos

[Shade]

Crea un javascript que se llame random_fondo.js

Código:

function random_imglink(){

  var imageness=new Array()

  //Especificar imagenes. Tantas como quieras

  imagenes[1]="001.png"

  imagenes[2]="002.png"

  imagenes[3]="003.png"

  imagenes[4]="004.png"

  imagenes[5]="005.png"

  imagenes[6]="006.png"

  imagenes[7]="007.png"

  var ry=Math.floor(Math.random()*imagenes.length)

  if (ry==0)

     ry=1

     document.write('<div id="lateral_izq" style="background-image: url('+imagenes[ry]+')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+imagenes[ry]+');"></div>')

}

  random_imglink()

Y mete dentro del head la llamada al javascript.

Solo te queda posicionar el div mediante css ^^

[wasa2004]

Muchas gracias por tu pronta respuesta Shade, asi tenía mi código pero presenta conflicto con manejador de contenidos. El punto es que necesito cambiar solo el url bajo innerhtml o algo q se le parezca.


Saludos

[Shade]

:S Con el codigo que te he pasado funciona perfecto... incluso pasandolo por validadores y todo :( ningun conflicto que yo sepa.