Foros del Web » Programando para Internet » Javascript »

Fondo de un div con efecto fade

Estas en el tema de Fondo de un div con efecto fade en el foro de Javascript en Foros del Web. hOLA ESTOY CON UN CODIGO PARA LA CABECERA, PARA QUE CARGUE IMAGENES Y LAS CAMBIE, PERO ME GUSTARÍA QUE CARGARA CON EFECTO FADE, ALGUIEN ME ...
  #1 (permalink)  
Antiguo 09/11/2012, 09:10
 
Fecha de Ingreso: noviembre-2007
Mensajes: 122
Antigüedad: 16 años, 5 meses
Puntos: 2
Fondo de un div con efecto fade

hOLA ESTOY CON UN CODIGO PARA LA CABECERA, PARA QUE CARGUE IMAGENES Y LAS CAMBIE, PERO ME GUSTARÍA QUE CARGARA CON EFECTO FADE, ALGUIEN ME PUEDE AYUDAR?

<script type="text/javascript">
//<![CDATA[

window.onload = function () {
var fondos = ['images/_default_homeslider.jpg', 'images/_default_homeslider.jpg','images/_default_homeslider1.jpg','_default_homeslider.jpg ','_default_homeslider.jpg'];
var fondo_actual = 0;
var header = document.getElementById('cabecerap');

// aqui hacemos la rotación
var CambiarFondo = function(){
if (fondo_actual == fondos.length) {
fondo_actual = 0;
}
var precargar =fondo_actual++;

var precargar2 = precargar+2;
// cambiamos el background del body
header.style.backgroundImage = 'url('+ fondos[precargar]+ ')';
// cargamos en el div no visible "#precarga" la imagen siguiente que se cargará en el body
// para ya tenerla en la cache, comenzamos con la imagen 3, ya que la 1 y 2 las tenemos en el css
document.getElementById('precarga').style.backgrou ndImage = 'url('+fondos[precargar2]+ ')';

}

//aqui definís el tiempo en milisegundos e inicias la función con setInterval para que se repita indefinidamente
window.setInterval(CambiarFondo, 5000);}


//]]>
</script>
  #2 (permalink)  
Antiguo 09/11/2012, 16:31
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Fondo de un div con efecto fade

échale un vistazo a estos temas
http://www.forosdelweb.com/f13/ejecu...objeto-914618/
http://www.forosdelweb.com/f13/como-...-este-1015117/
http://www.forosdelweb.com/f13/div-7...iante-1013777/
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}

Etiquetas: efecto, fade
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 14:46.