jQuery Plugin For Stretching Images To Fill Container - imagefill.js
File Size: | 47.4 KB |
---|---|
Views Total: | 3481 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

imagefill.js is a simple yet useful jQuery plugin for responsive design that automatically stretches images to fill their containers or be centered.
See also:
More Examples:
Basic Usage:
1. Create the html
<div class="container"><img src="1.jpg" alt="" /></div>
2. Include jQuery library on the web page
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
3. Include jQuery imagefill.js and required jQuery ImageLoaded Plugin on the page
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/2.1.0/jquery.imagesloaded.min.js"></script> <script src="js/jquery-imagefill.js"></script>
4. Call the plugin and done
$('.container').imagefill();
Change logs:
2015-04-29
- target specific img fixes
2014-07-31
- fix merge conflicts
This awesome jQuery plugin is developed by johnpolacek. For more Advanced Usages, please check the demo page or visit the official website.