jQuery AJAX with multiple URLs

Question

I'm using jQuery to load the images before displaying them. The problem is that I don't know how many images are going to be loaded. The page loads the image paths from a XML file. I'm using this:

$.ajax({
    url: 'images/BYLINE/1.png',
    dataType: "image/png",
    success: function(data) {
        alert('psil');
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert(textStatus);
    }
});

Answer 1

is there any good reason for using jquery for this? you could simply use the good old technique for preloading images with javascript like this:

new Image().src = "images/BYLINE/1.png";