최근이미지,웹진형위젯등 쎔네일이 보이는 위젯들에서 쎔네일을 흑백이나 투명하게 나타나게 하는 소스

최근이미지위젯을 예로 들면

 xe/widgets/newest_images/skins/xe_official/css/normal.css파일에서 아래부분을 찾아서 필터를 추가합니다.

.ni_box .thumbnail_box .thumbnail img { border:1px solid #DEDEDE; opacity:.6; filter:gray()alpha(opacity=40); }
.ni_box .thumbnail_box .thumbnail img:hover { border:1px solid #54564b; opacity:1; filter:alpha(opacity:100); }

위와 같이 빨간색 필터를 추가하면 썸네일이 흑백으로 보이다가 마우스오브시 칼라로 보입니다.

좀더 상세하게 설명드리자면

filter:gray()alpha(opacity=40) - 썸네일을 흑백으로 40%의 투명효과로 보이게 합니다.  (gray필터 대신 xray필터도 사용가능)

filter:alpha(opacity:100)  -  정상적인 칼라로 투명효과 없습니다.                                                               

opacity:.6 - 이 부분은 FF / 크롬에서 투명율을 나타나게하는 필터입니다. (다른 필터들은 FF/크롬에는 적용이 되지를 않습니다.  

 alpha(opacity:40) 적용시

 xray()alpha(opacity=40) 적용시

 gray()alpha(opacity=40) 적용시