Cambio de imagen de fondo

[frins89]

Hola a todos.

Resulta que estoy haciendo una plantilla para mi joomla y quiero hacer una funcion, esta es la siguiente:

Imaginad que tenemos 3 imagenes. Lo que quiero hacer es que el fondo vaya rontando entre estas 3, cada 5 segundos (seguramente ponga mas tiempo entre eyas). Tengo el codigo empezado pero no me funciona.

Código:

<script language="javascript" type="text\javascript">





function tiempo(){

document.backgroundImage= "url("imagen1.jpg");";
setTimeout("tiempo2()", 5000);
}



function tiempo2(){

document.backgroundImage= "url("imagen2.jpg");";
setTimeout("tiempo3()",5000);
}


function tiempo3(){

document.backgroundImage= "url("imagen3.jpg");";
setTimeout("tiempo()",5000);
}



</script>

me gustaría hacer que entre imagen se vaya degradando, es decir como si desapareciese poco a poco.

Gracias

[manumar]

holaa, la propiedad del fondo de la pagina nose si es esa, me imagino que habrá mas..pero vaya, lo que te recomiendo es que uses algun framework como mootools o jquery para hacer el fade out/in del fondo.
Y que los fondos los metas en un array, para que luego con una funcion en plan bucle los vayas llamando...
x ejemplo

Código Javascript:

var fondos= new Array("urlimagen","url2"...);
var i=0;
function cambiarfondo()
{
funcionJquery fadeout fondo actual (fondos[i-1])
funcion jquery fade in fondo siguiente (fondos[i])
setTimeout("cambiarfondo()",5000);
i++;
}
 

algo asi...que te ahorarria crear tantas funciones y tal..;)
salu2

[raul_romero]

Hola, que tal.

Bueno hace tiempo yo tambien estoy con la idea de cambiar de fondo a mi pagina segun otros criterios.

Antes que nada el codigo para cambiar el fondo via javascript es document.body.style.backgroundImage="url(imagen)"

Aqui les va lo que hice:

Código Javascript:

//Pimero un array de imagenes en este caso 3
var img=new Array("00.jpg","04.jpg","07.jpg");
//Una variable para empezar a recorrer las imagenes
var x=0;
//La función que lanza a la funcion que realiza el cambio
function iniciar(){
    //Con la funcion SetInterval le decimos que cada 5 seg mande la funcion changeBack, puedes cambiarlo por mas o menos
    setInterval("changeBack()",5000);
}
 
function changeBack() {
    //Ahora aqui para empezar lanza tu primera imagen del array, como x es 0 empezara por la primera imagen
    document.body.style.backgroundImage="url("+img[x]+")"
    //aumentas el indice para la proxima llamada
    x++;
    //Si x es mayor al indice del array (empiezan en 0), lo inicializas
    if (x>2) x=0;
}
 

Espero te sirva.

Saludos....