Jquery - Load image repeating in IE7

Question

I'm doing a very basic image load function in Jquery, this is the code I have:

$(document).ready(function(){  
    var img = new Image();  
    //  
    $(img).load(function () {  
        alert('loaded');  
    }).error(function () {  
        alert('error');  
    }).attr('src', 'images/loader.gif');  
});

In firefox it works fine but in IE7 it just keeps alerting 'loaded' over and over again, if I change the URL so its a broken link it outputs 'error' just once.

Anyone know why this is happening?

Answer 1

My guess: Assigning a src value triggers a load event in IE7, hence the 'infinite' loop.
If image file does not exist, the load does not complete hence stops there and then.

Answer 2

Ok I've looked at BStruthers link but not sure how I would work that code into my setup, I just want to preload an image then run a block of code once its loaded. This has a slightly different way of doing it but again the code runs on an infinate loop in IE7: jquery-howto.blogspot.com/2009/02/… - can anyone help me out?

Answer 3

Couldn't find a solution to the problem so ended up using the jquery.preload plugin:

http://plugins.jquery.com/project/Preload

Which seems to work fine in IE7