9 jQuery Image Manipulation Plugins

By Sam Deering July 31, 2012

What we have compiled and sharing you today are some pretty interesting jQuery plugins to deal with your web page’s image editing and/or effects and adds support for responsive images to your layouts. Definitely some good Image Manipulation Plugins Worth checking out! Enjoy!

Related Posts:

1. lake.js

Takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.

Source + Demo

2. jQuery Resize and Crop (jrac)

A jQuery plugin that build a viewport around a given image permitting to visually resize an image and place a crop.

Source + Demo

3. Backstretch

A simple jQuery plugin that allows you to add a dynamically-resized background image to any page.

Source + Demo

4. Easy Image Zoom jQuery Plugin

This will allow users to see large details of the product while moving cursor over medium sized image.

Source Demo

5. Little Boxes Menu with jQuery

A menu out of little boxes that animate randomly when a menu item is clicked. The clicked menu item expands and reveals a content area for some description or links.

Source Demo

6. ddSlick

A free light weight jQuery plugin that allows you to create a custom drop down with images and description.

Source Demo

7. fc.tape

Widget supports options to adjust smoothness and animation speed as well as methods to control animation behavior.

Source + Demo

8. Responsive Image Maps jQuery Plugin

Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize

Source Demo

9. jQuery Picture

A tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture format.

Source + Demo

Meet the author

Sam Deering

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

ibrahim

thank
Guillermo

Resize and Zoom seems to be grat plugins.

I’m looking for some image edit plugin, and maybe you know some…
I want to have a image in web page and allow to the user to add one or several other images as stamp/seal/annotation, some as seals for “cancelled” or “sale” or images as a little/medium icons and so on.
Of course also a way to save these “composition” in otder to be able to show the image and all the annonations, I think saving each annotation image and the position where was pasted.

Do you know some plugins? or some similar for improve/change it?

Thanks very much,
Guillermo, Spain