🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Just another jQuery image loading detection plugin that gives you the possibility to check whether an image successful or failed to load.

image-loading

Documentation

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


You May Also Like