With Color-Up jQuery plugin easily add beautiful hover effects to your images, add smooth transitions from (and to) a monochrome, sepia, negative, darkened or lightened version of the image.
It's easy to use this plugin, just add the class name "
colorup" to any image in your site.
<img src="image.jpg" class="colorup" />
Parameters :
You can also add any of these attributes to the image to configure the plugin :
Effect :
mono : Monochrome/Greyscaled image. (default value)
sepia : Dark brown-gray colored image
negative : Inverse image colors.
light : Image Brighten/Light up effect
dark : Image Darken/Low Light effect
Speed : Animation/Transition duration, in milliseconds. 1000ms is the default value.
Inverse : Which image to start with. If false the animation will start with the original image. false is the default value.
Example :
<img src="image.jpg" class="colorup" effect="sepia" inverse="true" speed="2000"/>
This plug-in relies on HTML's canvas element to generate effects on your pictures.
I'd love to hear your thoughts and ideas, so feel free to comment. and if you like this plugin, please Share it.