lang/js

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

C/H 2010. 7. 31. 14:45
현재 프론트개발은 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를 적용하는군요


반응형

'lang > js' 카테고리의 다른 글

javascript parse url  (0) 2010.11.01
js 함수 및 클래스 존재여부 확인  (0) 2010.10.29
javascript object 값 출력  (2) 2010.03.10
동작/조작언어  (0) 2009.04.21
자바스크립트 라이브러리 목록  (0) 2008.08.31