Image LOAD and ERROR events are not fired depending the browser in use

I've a very strange problem making work a preloader.
I've created a simple preloader for my site that claculates thew status of images load and show a progress bar.

With firefox all works fine, while in Chrome and IE some events seems not fired...
The site contains 16 image, with Chrome only 15 are calculated (both between success and errors), while on IE only 5!

This is the code:

$(document).ready(function() {
....
var imgsNumb = $("img").length;

    var doProgress=function(){
        lodedSize++;
        var newWidthPercentage = (lodedSize / imgsNumb) * 100;
        animateLoader(newWidthPercentage + '%');
        console.log(this.src + lodedSize +' '+ imgsNumb);
    }

    $("img").load(doProgress)
             .error(doProgress)

The strange thing is that the images are regularly loaded and i can see all of them into the webpage... The problem in only on the JS side that doesn't intercept error and load events... why ?

Topic Participants
american_horizon
jakecigar

Image LOAD and ERROR events are not fired depending the browser in use

Image LOAD and ERROR events are not fired depending the browser in use

Topic Participants

american_horizon

jakecigar