jQuery GrayScale Image Plugin: jQuery plugin to convert an image to grayscale

Recommend this page to a friend!
     
  Info   Screenshots   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 185 All time: 279 This week: 14Up
Version License JavaScript version Categories
jquery-grayscale 1.0GNU General Publi...1.0jQuery, Graphics
Description 

Author

Raul Molnar

This is a jQuery plugin to convert an image to grayscale.

It takes the URL of an image and loads it into a canvas object.

The plugin can convert the image to grayscale by mapping the color of each pixel to a gray tone with the same intensity of the original image color.

It returns a data URL that can be used to dynamically set the SRC parameter of an IMG tag in the current page.

Innovation Award
JavaScript Programming Innovation award winner
March 2013
Winner

Prize: One downloadable e-book of choice by O'Reilly		 Black and white versions of pictures sometimes can provide an interesting effect on Web pages.

This jQuery plugin can take a color image and show it in gray scale tones.

Manuel Lemos
Picture of Raul Molnar
Name: Raul Molnar <contact>
Classes: 1 package by
Country: Romania Romania
Age: 42
All time rank: 1314 in Romania Romania
Week rank: 6 Up1 in Romania Romania Up
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

Screenshots (1)  
  • screenshoot.png
  Files folder image Files (4)  
File Role Description
Files folder imageimg (1 file)
Files folder imageplugin (1 file)
Accessible without login Plain text file demo.html Example Plugin demo

  Files folder image Files (4)  /  img  
File Role Description
  Accessible without login Image file img1.jpg Photo The image for demo

  Files folder image Files (4)  /  plugin  
File Role Description
  Plain text file jquery.grayscale.js Class The plugin file

Downloadjquery-grayscale-2013-03-09.zip 160KB
Downloadjquery-grayscale-2013-03-09.tar.gz 160KB
 Version Control Unique User Downloads Download Rankings  
 0%
Total:185
This week:0
All time:279
This week:14Up

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.


  Related pages  
Usage and examples