jQuery Plugin For Handling Image Loading Events - imgLoading

File Size: 4.58 KB
Views Total: 2203
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Handling Image Loading Events - imgLoading

imgLoading is a lightweight jQuery image loading progress handling plugin that allows you to trigger specified events based on the current status of image loading (start, progress and end).

See also:

How to use it:

1. Just include the jQuery imgLoading after loading jQuery library and we're ready to go.

<script src="//code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="js/jquery.imgLoading-1.0.js"></script>

2. Trigger an event when the image stats loading.

$('#img-container').imgLoading({ 
  start: function(e, data){
    // start action        
  },
});

3. Trigger an event when the image is loading.

$('#img-container').imgLoading({ 
  progress: function(e, data){
    // progress
  },
});

4. Trigger an event when the image is completely loaded.

$('#img-container').imgLoading({ 
  end: function(e, data){
    // end
  }
});

This awesome jQuery plugin is developed by GildasP. For more Advanced Usages, please check the demo page or visit the official website.