[JavaScript]Preloader Opcje

[kamilo818]

Witajcie.

Napisałem preloader obrazków na stronie:

[PHP] pobierz, plaintext 
var images=$('img');
console.log(images);
var count=0;
var step = 100/images.length;
$('body').append('<div class="loader2"><img src="http://page4u.waw.pl/shop/712.gif"/><div class="loader_box"> </div></div>');
images
    .load(function() { 
						count++;
						console.log(count);
						$('.loader_box').html(Math.round(count*step)+"%<br>");
						if(count==images.length){
						$('.loader2').fadeOut();
						}
					})
    .error(function() { console.log("error loading image"); })
    .attr("src", $(this).attr("src"))
;
 
 
$('div.wiecej').click(function(){	
		var limit = parseInt($(this).attr('limit'))+20;
		window.location.hash =limit;
});
[PHP] pobierz, plaintext 

Problem polega na tym że często się ten kot wykonuje tylko do 25% lub 49%. Mimo ze zmienna images zawiera wszystkie obrazki ze strony i na samej stronie widac ze wszystkie się wczytały.
Jak zaczne odswiezac stronę to w koncu przejdzie do 100%. Co tu jest nie tak?

[trueblue]

Kod

$('body').append('<div class="loader2"><img src="http://page4u.waw.pl/shop/712.gif"/><div class="loader_box"> </div></div>');

var images=$('img');
var step = 100/images.length;
var count=0;
for(var i=0;i<images.length;i++){
    var img=document.createElement('img');
    img.onload=function(){
        count++;
        $('.loader_box').html(Math.round(count*step)+"%<br>")
        if(count==images.length){
            $('.loader2').fadeOut();
        }
    }
    img.src=$(images[i]).attr('src');
}