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

Recommend this page to a friend!
  Info   Screenshots Screenshots   View files View files (3)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 184 This week: 1All time: 277 This week: 7Up
Version License JavaScript version Categories
jquery-grayscale 1.0GNU General Publi...1.0jQuery, Graphics
Description Author

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: 39
All time rank: 1304 in Romania Romania
Week rank: 7 Up1 in Romania Romania Up
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

Screenshots  
  • screenshoot.png
  Files folder image Files  
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  /  img  
File Role Description
  Accessible without login Image file img1.jpg Photo The image for demo

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

 Version Control Unique User Downloads Download Rankings  
 0%
Total:184
This week:1
All time:277
This week:7Up