웹 페이지의 회색조로 컬러 이미지 표시

웹 사이트의 이미지를 그레이 스케일로 변환하려면 어떻게해야합니까? PHP 나 JS인지 상관하지 않지만 PHP가 더 멋지다고 생각합니다.웹 페이지의 회색조로 컬러 이미지 표시

특히 이미지가 포함 된 다양한 게시물이 포함 된 블로그가 있고 인덱스 페이지의 블로그 게시물을 미리보기로 표시하는 미리보기 이미지를 그레이 스케일로 표시하고 블로그 게시물의 표현 된 이미지는 계속 색칠하고 싶습니다. 이러한 축소판 이미지는 .post-thumbnail이라는 클래스를 공유합니다. img 태그는 해당 클래스의 요소 안에 있습니다. PHP 또는 JS에서

.post-thumbnail img { image-transform: greyscale; }

내가 원하는 건

은 가 CSS에 다음과 같이 무언가가 해당 속성이있을 것입니다.

출처

2011-09-20 Thomas Maier

에 StackOverflow에 대한 빠른 검색이 발견 :

$im = imagecreatefrompng('dave.png'); 
imagefilter($im, IMG_FILTER_GRAYSCALE); 
imagepng($im, 'dave.png');

이 Making an Image Greyscale with GD Library

출처

2011-09-20 01:05:28 Hamish

내가 원하는 곳에서 어떻게 끝날지 확실하지 않습니다. 나는 이미 Google과 Stackoverflow에서 찾은 여러 가지 방법을 시도하고 있지만 그 중 하나 하나가 매우 복잡하거나 부풀어 오거나 매우 오래된 것 같습니다. 왜 그렇게 단순한 것이 그렇게 어렵습니까? –

좋아요, pixastic을 jQuery와 함께 사용하려고합니다. http://www.pixastic.com/lib/docs/#jquery 하지만 ... <스크립트 유형 = "텍스트/자바 스크립트"> 원하는 결과를 생성하지 않는 코드 \t \t var에 pixastic_parseonload = TRUE; \t \t <스크립트 유형 = "텍스트/자바 스크립트"SRC = "시간 TTP : //ajax.googleapis.com/../jquery.min.js"> \t <스크립트 SRC = "pixastic.custom. JS "유형 ="텍스트/자바 스크립트 "> \t \t <스크립트 유형 ="텍스트/자바 스크립트 "> \t \t $ ("첨부 파일-후 썸네일. ") pixastic. ("채도 "); \t –

"복잡하거나 부풀어 오른 또는 매우 오래된". 이 3 줄 미리보기는 복잡하거나 비대 해 보이지 않습니다. 너는 그걸 가지고 무슨 문제가 있니? – erjiang

를 참조하십시오 당신은 자바 스크립트와 클라이언트 측에서이 작업을 수행 실제로 수 있습니다!

http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

출처

2011-09-20 01:29:13 nickf

아주 느린 것 같습니다. "... 3 초 ...". 나는 이것을 찾았습니다 : http://www.pixastic.com/lib/docs/#jquery 그리고 이것을 만들었습니다 : http : //cl.ly/AHSc :

. 하지만 작동하지 않습니다. –

웹 페이지의 회색조로 컬러 이미지 표시

답변

관련 문제