Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Images preloader Re: Images preloader

#112872
JoniGiuro
Participant

my script:

nImages = $(‘.slide’).length;
loadedImgs = 0;
var bgImages = ;

$(‘.slide’).each(function(i){
var curSlide = $(this);
var img = new Image();
img.src = bgImages[ i % 2 ];
img.onLoad = imageLoaded(img, curSlide);
})

function imageLoaded(img, curSlide){
curSlide.css(‘backgroundImage’, ‘url(‘ + img.src + ‘)’);
loadedImgs++;
if(nImages == loadedImgs){
$(‘#container’).css(‘visibility’,’visible’);
$(‘#loader-cont’).fadeOut(1000);
}
$(‘.loader-inner .title’).text(loadedImgs / nImages);
}