imagesStatus
A javascript plugin (with jQuery support) to detect the status of images loading
Based on imgStatus https://github.com/raphamorim/imgStatus written originally by Raphael Amorim, Rewritten almost totally to provide a simple way to deal with images loading, made in a nice way with callbacks for the image status with the support of jQuery for people who want to use it in the jQuery plugin way.
Vanilla Javascript :
imagesStatus('.imageContainerDiv', { imgLoaded: function(img){ console.log(this.status.loaded); console.log(img); }, imgFailed: function(img){ console.log(this.status.failed); console.log("-------failed---------------"); console.log(img); console.log("-----------------------------"); }, allImgFinished: function(container){ console.log("all images loaded"); console.log(this.status.loaded + " images loaded, " + this.status.failed + " images failed!"); } });
jQuery :
$(".imageContainerDiv").imagesStatus({ imgLoaded: function(img){ console.log(this.status.loaded); console.log(img); }, imgFailed: function(img){ console.log(this.status.failed); console.log("-------failed---------------"); console.log(img); console.log("-----------------------------"); }, allImgFinished: function(container){ console.log("all images loaded"); console.log(this.status.loaded + " images loaded, " + this.status.failed + " images failed!"); } });
Feedback
Please use the Issues for any bugs, feature requests, etc.
License
MIT License