This time I will share jQuery Plugin and tutorial about Full-featured Image Loader Plugin For jQuery – ImageLoader.js, hope it will help you in programming stack.
ImageLoader.js is an ea cross-platform jQuery image loader plugin which helps load, preload and resize images on your webpage.
Key features:
- Gif loading indicator.
- Resize images after resized.
- Load images in order or at random.
- Success/error callbacks.
- Cache buster function.
How to use it:
1. Copy the folder ImageLoader
somewhere on your server (preferably in the same folder with the page you want to add the gallery to), and then add the following js files in the head section of your website:
1 |
< script src = "//code.jquery.com/jquery.min.js" ></ script > |
2 |
< script src = "jquery.dop.ImageLoader.js" ></ script > |
2. Call the function on the target image container.
1 |
$(“ #image”).DOPImageLoader(); |
3 |
$( 'body' ).DOPImageLoader({ 'Container' : '#image' }); |
3. Default plugin settings.
01 |
$(“ #image”).DOPImageLoader({ |
07 |
'LoaderURL' : 'ImageLoader/images/loader.gif' , |
10 |
'NoImageURL' : 'ImageLoader/images/no-image.png' , |
13 |
'LoadPreloaderFirst' : true , |
16 |
'LoadingInOrder' : true , |
28 |
'SuccessCallback' : '' , |
This awesome jQuery plugin is developed by dotonpaper. For more Advanced Usages, please check the demo page or visit the official website.