Hola amigos, estoy teniendo un problema y JS la verdad no es mi fuerte para nada...
les cuento tengo un sitio con un slide de imagenes de fondo con un intervalo, esto anda perfecto.
El tema, el cual no puedo resolver, es que cuando carga el sitio el fondo queda sin imagenes, hasta que pasan X segundos de la variable (var speed=10000) y luego arranca el slide. A mayor numero mas es lo que tarda en cargar la primera img.
Mi pregunta es, como puedo modificar este JS para que de movida me traiga una imagen de fondo asi queda hasta que arranca el slide?
El codigo que estoy utilizando es este:
Código Javascript
:
Ver original//Background Image Slideshow- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com
//Specify background images to slide
var bgslides=new Array()
bgslides[0]="images/backgrounds/bgimage_01.jpg"
bgslides[1]="images/backgrounds/bgimage_02.jpg"
//bgslides[2]="images/backgrounds/bgimage_02.jpg"
//Specify interval between slide (in miliseconds)
var speed=10000
//preload images
var processed=new Array()
for (i=0;i<bgslides.length;i++){
processed[i]=new Image()
processed[i].src=bgslides[i]
}
var inc=-1
function slideback(){
if (inc<bgslides.length-1)
inc++
else
inc=0
document.body.background=processed[inc].src
}
if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')
Agradeceria cualquier ayuda, mil gracias
Slds