JavaScript
Article

9 jQuery Image Manipulation Plugins

By Sam Deering

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.
lake.js
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.
jrac
Source + Demo

3. Backstretch

A simple jQuery plugin that allows you to add a dynamically-resized background image to any page.
Backstretch
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.
Easy Image Zoom
SourceDemo

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.
Little Boxes Menu
SourceDemo

6. ddSlick

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

7. fc.tape

Widget supports options to adjust smoothness and animation speed as well as methods to control animation behavior.
fc.tape
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
Responsive Image Maps
SourceDemo

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.
jQuery Picture
Source + Demo

  • 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

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.