Foros del Web » Programando para Internet » Javascript »

Rotar imagen de fondo

Estas en el tema de Rotar imagen de fondo en el foro de Javascript en Foros del Web. Buenas, me encuentro con el siguiente problema. Tengo un sitio armado en html & css el cual en un sector tiene una imagen de fondo ...
  #1 (permalink)  
Antiguo 20/08/2008, 10:44
 
Fecha de Ingreso: agosto-2006
Ubicación: Argentina, Bahia Blanca
Mensajes: 172
Antigüedad: 17 años, 8 meses
Puntos: 0
Rotar imagen de fondo

Buenas, me encuentro con el siguiente problema.
Tengo un sitio armado en html & css el cual en un sector tiene una imagen de fondo sobre la cual coloco algunos textos y links.
Quiero saber si existe la posibilidad de que el fondo rote con un fade y no cada vez que se recagar la pagina.

Asi llamo a mi imagen de fondo:
Código HTML:

background-image:url(images/imagen-central-historia.jpg);
background-repeat:no-repeat;

Espero se entienda.
Muchas gracias
  #2 (permalink)  
Antiguo 20/08/2008, 15:12
Avatar de Fernand0  
Fecha de Ingreso: septiembre-2005
Ubicación: Buenos Aires
Mensajes: 610
Antigüedad: 18 años, 7 meses
Puntos: 19
Respuesta: Rotar imagen de fondo

Código PHP:
<script language='javascript'>
window.onload=rotar('nombreDelIdDelFondo');
function 
rotar(id)
{
    var 
Fondos=new Array;
    
Fondos[0]="../imagen-central-historia01.jpg";
    
Fondos[1]="../imagen-central-historia02.jpg";
    
Fondos[2]="../imagen-central-historia03.jpg";
    
Fondos[3]="../imagen-central-historia04.jpg";
    
    var 
m4x=Fondos.length;
    var 
r3s=Math.round((m4x-1)*Math.random());
    
    var 
fondo=document.getElementById(id);
    
fondo.style.background='url('+Fondos[r3s]+') no-repeat';
    
setTimeout(function() { rotar(id); },2000);
}
</script> 
con esto rotaria a una imagen RANDOM cada tanto tiempo

Última edición por Fernand0; 20/08/2008 a las 15:19
  #3 (permalink)  
Antiguo 21/01/2010, 14:27
 
Fecha de Ingreso: octubre-2003
Mensajes: 540
Antigüedad: 20 años, 6 meses
Puntos: 1
Respuesta: Rotar imagen de fondo

Muy buen aporte, me preguntaba si se podría hacer un efecto fade-in / fade-out, es decir que las imágenes aparezcan y desaparezcan progresivamente.
  #4 (permalink)  
Antiguo 21/01/2010, 15:37
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: Rotar imagen de fondo

Hola Finseneu

Te recuerdo el aviso que había al final de este tema y que parece que no has leído.



Tema cerrado.
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 12:20.