Shiny Blog

Hi, In the past few months, I bookmarked some interesting jQuery plugins or usages to deal with image manipulation, editing or effects. Today I’m sharing this list with you.

1. jQZoom Evolution

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.

Visit JQZoom

2. InnerFade

InnerFade is a small plugin for the jQuery-JavaScript-Library. It’s designed to fade you any element inside a container in and out.

These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio gallery or advertisings. Create a newsticker or do an animation.

Visit InnerFade

3. Wilq32.RotateImage

JQuery plugin to rotate images made in pure Javascript + HTML5 Canvas element

Visit Wilq32.RotateImage

4. Jcrop

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

Visit Jcrop

5. maxImage

This plugin will resize and scale targeted images to their max width according to the browser and some simple specs.

// Example usage
$(document).ready(function(){
  $('img.widthmaximage').maxImage({
    verticalOffset: 91,
    horizontalOffset: 490,
    maxFollows: 'width'
  });
});

Visit maxImage

6. jParallax

jParallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.

Visit jParallax

If you think I ommited any interresting jQuery Image plugin please feel free to leave it in the comments section !