Cambiar imagen div fondo

[CeKiT]

Hola!

Quisiera saber como puedo hacer que el fondo definido en CSS.

Código HTML:

#header {
	height: 200px;
	width: 900px;
	margin-right: auto;
	border: 1px dashed #FFF;
	margin-left: auto;
	background-image: url(../img/header.png);
    
}

y un DIV que se llama header, es la cabecera. lo que quiero es que ese header.png cambie cada x segundos y cargue distintas imagen, lo iva a hacer con un gif pero distorsiona la calidad.

Espero que me ayuden.

[eits]

amigo, eso es javascript y te puedes ayudar con setTimeout o bien de algun framework como jquery.
saludos

[skiper0125]

Hola que tal.

Lo que deseas te recomiendo que uses javascript ya que la forma de implementarlo es más fácil.

Te dejo algunas referencias.

http://www.ajaxshake.com/es/JS/1111/jquery.html

http://blog.visualgraf.es/2010/05/10...es-con-jquery/

Puedes buscar más ejemplos en google

Saludos

[CeKiT]

Lo que pasa es que eso es un slider, es lo que no quiero, solamente quiero que cambie la imagen.

[HackGhost]

utiliza jquery..

esto podria servir

Código Javascript:

var fondos = array('url_img_1','url_img_2','url_img_3','url_img_4','url_img_5')//contiene las url de los fondos
 
var k=0;//servira para identificar en que fondo estamos
 
setInterval("cambiarFondo(fondos[k])",10000); //enviamos como parametro el valor de fondos en la posicion k
//cambia el fondo cada 10 segundos (1000=1segundo)
 
function cambiarFondo(fondo){
            $(#header).css("background-image" : fondo); //establecemos el fondo
            if(k<"numero de elementos del array fondos"){//comprobamos que k no supere el numero de elementos
                    k++;
            }else{//si ya no hay fondos volvemos a empezar
                    k=0;
            }
}
 

te dejo de tarea que averigues como saber la cantidad de elementos de un array por que ahorita no me recuerdo(no uso mucho javascript) o si quieres puedes usar un entero directamente... en este caso 5

No se si esto funcionara realmente pero es una idea de lo que necesitas...()