웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] jquery photo effect 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jquery photo effect

해피CGI윤실장 2022. 2. 9. 09:17

* photo effect

이미지 위로 마우스를 가져갈때 어두워지는 효과를 적용합니다
사진이나 일부 흑백이미지에 좋은 효과를 줍니다




* 적용방법

적용방법은 간단한 편입니다
첨부된 샘플코드를 다운로드하여 원하는 웹디렉터리에 업로드후
적용할 html 파일에 코드들을 추가합니다

css 파일 로드 및 이미지 관련 html 태그 추가



아래와 같이 js 호출 및 jquery 스크립트 추가










웹브라우저로 출력시 아래와 같이 출력된 결과를 확인할 수 있습니다









css/style.css 파일을 통해 효과조절을 할 수 있으니 작업자분게서는 활용하시면 좋을듯 합니다

 

 

저작자표시

'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글

[해피CGI][cgimall]Javascript 등 시각화해서 어떻게 작동하는지 보여주는 사이트 pythontutor.com  (0) 2022.02.11
[해피CGI][cgimall]컬러픽커 입니다  (0) 2022.02.10
[해피CGI][cgimall]Fancy jQuery Sliding Form  (0) 2022.02.08
[해피CGI][cgimall]리액트를 이용한 슬라이드 이미지  (0) 2022.02.04
[해피CGI][cgimall]이벤트 페이지로 활용하기 좋은 휠게임 자바스크립트  (0) 2022.02.03
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments