Get new jQuery plugins just once a week

×

Hoverizr

FavoriteLoadingAdd to favorites

July 24, 2012

Hoverizr | Easy Image manipulation

Hoverizr is a really small (2.5KB minified) responsive jQuery plugin that outputs manipulated images on top (or below) your targeted images.Automatically when you move your mouse over the target elements, the element above fades out to reveal the element beneath whether it is the original image or the manipulated one.All major modern browsers are supported as long as they support the canvas element. IE 8- seem to have a problem with it but the fallback is the original image so it is all about progressive enhancement.
Currently, it has got three effects: grayscale, blur and color inversion.
Sample Code

$('#imageid').hoverizr({option1:"value",option2:"value"});

Created by Ilias Iovis

Download
Home
Example

hoverizr

A responsive image manipulation and overlay plugin

Hoverizr

Related posts:

PhotoCradle-js
MixItUp
Photomap
hoverizr

http://jquer.in/wp-content/uploads/2012/07/hoverizr.png

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever