javascript 이미지에 그레이스케일(grayscale) 적용

현재 프론트개발은 jquery로 개발중인 관계로 "jquery 이미지 gray 적용"으로 구글링 했습니다.

검색 : jquery 이미지 gray 적용
그레이스케일 소개 페이지 : “GRAYSCALING” IN NON-IE BROWSERS
데모 페이지 : http://james.padolsey.com/demos/grayscale/
소스 : http://james.padolsey.com/demos/grayscale/grayscrle.js/view

사용법

var el = document.getElementById( 'myEl' );
grayscale( el );

# jQuery 에서 $(this) 가 이미지일 경우 적용
grayscale( $(this) );

jQuery Plugin 에서 grayscale 검색 결과 : BlackNWhite 가 검색되긴 하지만 IE 전용입니다. 것도 필터로 gray를 적용하는군요