https://github.com/farinspace/jquery.imgpreload

var _imageCache;

$.imgpreload([‘images/test1.jpg’, ‘images/test2.jpg’], function() {
_imageCache = this;
_onImagesLoaded();
});

var _getImage = function(src) {

for(var i = 0, len = _imageCache.length; i<len; i++){
if(_getImageFilename(_imageCache[i].src) == _getImageFilename(src)) return _imageCache[i];
}
}

var _getImageFilename = function(src) {

return src.substring(src.lastIndexOf('/') + 1);
}

var _onImagesLoaded = function() {
var image = _getImage('images/test.jpg');
}

This only works in my case, where there are no duplicate filenames. It's a workaround for the fact src returns a full path instead of the given url in the array.

Thanks again!

One thing I’m having problem is, when i try to replace your outcome with Images, it appears to say ‘error’ when the image actually loaded. I am trying to remove those messages and replace them with images, it just gets confusing.

Can you link us another demo, but with ACUTAL images? This will save our time and struggle.

Thank you!

I’m trying to load images from a bidimensional array. Is this possible to catch the DOM object at the end of the load? Above my code:

var filesToLoad = []
filesToLoad.push({src:$(element).attr(‘background’), id:’background’})

$.imgpreload(filesToLoad,
{
each: function()
{
console.log($(this)) // big and strange object;

}
})

Thank you