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

Probé tu algoritmo y no sucedió lo de la superposición de imágenes, pero como dices, no se adaptaban a la resolución. Elaboré un algoritmo alternativo basado en un plugin que hice hace un tiempo, lo probé en Chrome, Firefox, Opera y Safari (no tengo el IE) y hasta en el Opera Mobile del smartphone y va muy bien, aquí te lo dejo:

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.  
  8. var fondo = {
  9.     rotar: function(){
  10.         index = index == total - 1 ? 0 : ++index;
  11.         document.body.style.background = "url('" + img[index] + "') no-repeat center center fixed";
  12.         document.body.style.backgroundSize = "cover";
  13.     }
  14. };
  15.  
  16. setInterval(fondo.rotar, 15000);

Como podrás notar, cada vez que se ejecuta la función que realiza el cambio de imagen, verifico el valor del índice, si es igual a la posición de la última imagen en el array, le doy cero como valor para que la rotación se produzca desde la primera imagen, creando así un bucle infinito, pero si el valor del índice aún no alcanza a la última posición del array, aumenta en uno, mostrando así la siguiente imagen.

DEMO

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