Minimalist Image Resize & Crop Plugin For jQuery - imgFitter

File Size: 4.68 KB
Views Total: 2956
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Minimalist Image Resize & Crop Plugin For jQuery - imgFitter

imgFitter is an ultra-light jQuery plugin used to dynamically resize and crop images to fit any web layout while maintaining aspect ratio & centering. 

How to use it:

1. Add an image with fixed width and height into your webpage using data-src attribute instead.

<img data-src="demo.jpg" class="demo" width="200" height="200">

2. Download the plugin and place the jquery.imgFitter.js script after jQuery library.

<script src="jquery.min.js"></script>
<script src="jquery.imgFitter.js"></script>

3. Call the function directly on the image.


4. Possible options.


  // CSS background position
  backgroundPosition: 'center center',

  // for image loading effect
  fadeinDelay: 400,
  fadeinTime: 1200

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