Best jQuery Image Effects Plugins & Tutorials with Demo

Instagram-style filters in HTML5 Canvas

Instagram-style filters in HTML5 Canvas

mgGlitch.js : jQuery helper for Glitch

mgGlitch.js : jQuery helper for Glitch

A little jquery helper to glitch everything.

  • first element become a static background
  • next element with glitch property and lower interval
  • next element with glitch property, higher interval and scale options
  • next element with glitch property, higher interval, scale options and blend mode apply

Simple Interactive Points Effect with SVG

Simple Interactive Points Effect with SVG

Today we’d like to share a simple hover/click effect for images with you. The main idea is to show a map or a base image with some points of interest (POS) and when we come close to one of these points and hover, an image starts to fade in. When clicking on the POS indicator, a content layer is shown with some more information on that point; the background image becomes completely opaque. This concept could be fitting for some kind of map assisted story telling, like a travel piece or similar.

imgNotes : jQuery plugin to add Notes to the Image

imgNotes : jQuery plugin to add Notes to the Image

imgNotes is an extension of the jQuery imgViewer plugin that adds markers and notes to an image that can be zoomed in and out with the mousewheel and panned around by click and drag.

jQuery Select Areas : Image Selection & Resize Plugin

jQuery Select Areas : Image Selection & Resize Plugin

jQuery-select-areas is a jQuery plugin that let you select multiple areas of an image, move them and resize them.

Target.js : JavaScript Library to make Images Interactive

Target.js : JavaScript Library to make Images Interactive

Target.js is a javascript library to choose targets elements and show the text who you want when the mouse hover the point.

Rotate : jQuery plugin to Animate Rotate Images and Elements

Rotate : jQuery plugin to Animate Rotate Images and Elements

The simple, easy-to-implement animation plugin to rotate icons, images, and elements.

Photomosaic.js : JavaScript for Mosaic of an Image

Photomosaic.js : JavaScript for Mosaic of an Image

A pure JavaScript plugin to create a mosaic of an image.

Grafi.js : JavaScript Image Processing Library

Grafi.js : JavaScript Image Processing Library

Grafi.js is a library intended for learning about how image processing works. Each modules are intentionally kept small and users are encouraged to read the source code to learn about different methods and algorithms. In result, grafi may not be the most performant or the most sophisticated image processing library, but that’s the point.

jQuery Hover3d : 3d Hover Effect

jQuery Hover3d : 3d Hover Effect

jQuery Hover3d is a simple hover script for creating 3d hover effect.The idea is transforming the element into 3d space using CSS3 transform, playing with translateZ for spacing the elements, and detecting mouse movement to change the transform value



Best jQuery websites design awards