Ver Mensaje Individual
  #4 (permalink)  
Antiguo 21/02/2014, 23:14
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 6 meses
Puntos: 977
Respuesta: Problema adaptar background a resolución de pantalla

Le añadí una transición para que el cambio del fondo se vea más estético.

Código Javascript:
Ver original
  1. var img = ['imagen1.jpg', 'imagen2.jpg', 'imagen3.jpg', 'imagen4.jpg', 'imagen5.jpg'],
  2.     total = img.length,
  3.     index = 0;
  4.  
  5. document.body.style.background = "url('" + img[index] + "') no-repeat center center fixed";
  6. document.body.style.backgroundSize = "cover";
  7. document.body.style.transition = "background .8s";
  8.  
  9. var fondo = {
  10.     rotar: function(){
  11.         index = index == total - 1 ? 0 : ++index;
  12.         document.body.style.background = "url('" + img[index] + "') no-repeat center center fixed";
  13.         document.body.style.backgroundSize = "cover";
  14.         document.body.style.transition = "background .8s";
  15.     }
  16. };
  17.  
  18. setInterval(fondo.rotar, 15000);

Ahora mira cómo se ve: DEMO

No olvides marcar el tema como solucionado para que otras personas que tengan el problema que inicialmente tuviste, sepan que aquí pueden encontrar una solución.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Última edición por Alexis88; 21/02/2014 a las 23:19