Foros del Web » Programando para Internet » Javascript »

Como cambiar fondo de un div cada X segundos?

Estas en el tema de Como cambiar fondo de un div cada X segundos? en el foro de Javascript en Foros del Web. Hola, estoy buscando como loco como hacer un fondo de un div que vaya cambiando por ejemplo cada 5 o 10 segundos y si se ...
  #1 (permalink)  
Antiguo 26/02/2011, 07:23
 
Fecha de Ingreso: febrero-2011
Ubicación: Ávila, España
Mensajes: 44
Antigüedad: 10 años, 2 meses
Puntos: 1
Como cambiar fondo de un div cada X segundos?

Hola, estoy buscando como loco como hacer un fondo de un div que vaya cambiando por ejemplo cada 5 o 10 segundos y si se puede hacer con algun efecto.

He leido que se puede hacer con jQuery y estoy buscando informacion de como, pero no encuentro nada en la red o esque no se como buscarlo y ya que Dios Google no me da la solucion pues pregunto por aqui.

Código:
#apDiv2 {
	position:absolute;
	left:0px;
	top:100px;
	width:900px;
	height:250px;
	z-index:2;
	background-image: url(imagenes/ibe.jpg);
}
Tengo este div, con un fondo X y quiero que cada 5 segs o 10 segs se cambie por otro.

Como podria hacerlo? Gracias de antemano
  #2 (permalink)  
Antiguo 26/02/2011, 07:44
 
Fecha de Ingreso: febrero-2011
Ubicación: Ávila, España
Mensajes: 44
Antigüedad: 10 años, 2 meses
Puntos: 1
Respuesta: Como cambiar fondo de un div cada X segundos?

Bueno, buscando por la red he conseguido hacer un codigo simple que si modifica el fondo, la cuestion ahora es como añadirle algun tipo de efecto y hacer que las imagenes cambien cada X segundos.

Código:
<script src="jquery-1.5.1.js" type="text/javascript"></script>
<script>
 jQuery(document).ready(function(){ 
 jQuery('#slideImagenes').css('background-image', 'url(imagenes/blrh.jpg)'); 
 });  
</script>
  #3 (permalink)  
Antiguo 26/02/2011, 09:15
 
Fecha de Ingreso: febrero-2011
Ubicación: Ávila, España
Mensajes: 44
Antigüedad: 10 años, 2 meses
Puntos: 1
Respuesta: Como cambiar fondo de un div cada X segundos?

Vale, ya esta conseguido, he usado una libreria llamada jqFancyTransitions

Os dejo el link [URL="http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/"]http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/[/URL]

Código:
<div id="slideImagenes">
    	<img src="imagenes/ibe.jpg" alt="" />
        <img src="imagenes/blrh.jpg" alt="" />
    </div>
Código:
<script>
$('#slideImagenes').jqFancyTransitions({ width: 900, height: 250 });      
</script>
Tan facil como eso :D

Etiquetas: fondo, segundos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:15.