Dynamic Image Resizing Plugin with jQuery

Dynamic Image Resizing Plugin with jQuery
File Size: 187KB
Views Total: 13416
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

A lightweight (~490 byte minified) and simple jQuery plugin that allows to dynamically resize the images without distorting the proportions.

See also:

How to use it:

1. Include jQuery library and jquery.ae.image.resize.js on the page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="../src/jquery.ae.image.resize.js"></script>

2. The HTML. Insert a image with class 'resizeme'

<img alt="" class=resizeme height=300 src="1.jpg" />

3. Call the plugin. Resized to 250px x 250px

<script>
    $(function() {
      $( ".resizeme" ).aeImageResize({ height: 250, width: 250 });
    });
</script>

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