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

[해피CGI][cgimall] jQuery.eraser() - 이미지를 긁어보아요~ 본문

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

[해피CGI][cgimall] jQuery.eraser() - 이미지를 긁어보아요~

해피CGI윤실장 2017. 5. 25. 09:21

 

 

 

이미지 2개를 이용하여 이미지위를 드래그하게 되면 다른 이미지의 내용이 보이도록 하는 기능입니다.
가려진 부분을 보일 수 있도록 하는데 유용하며 복권과 같은 효과를 낼 수 있습니다.

소스를 다운받아 index.html 파일을 열어보시면 스타일등의 소스가 있으며 robot img 태그에는 덥어질 이미지를...
redux img 부분에는 기본 노출될 이미지 경로를 지정해주시면 됩니다.

모바일기기에서도 touch 시에 동일하게 작동이 됩니다.^^

※ 소스다운은 상단 홈페이지 바로가기를 이용하세요

 

홈페이지바로가기 

저작자표시

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

[해피CGI][cgimall] vanilla javascript 를 이용한 비디오 플레이어 - plyr  (0) 2017.05.30
[해피CGI][cgimall] JQuery 를 이용한 테이블 정렬 - tablesorter  (0) 2017.05.29
[해피CGI][cgimall] Slick Auto-Playing Featured Content Slider(jQuery)  (0) 2017.05.23
[해피CGI][cgimall] 스크롤내렸을때 나타나는 Scrollup 2.0.0  (0) 2017.05.22
[해피CGI][cgimall][자바스크립트] superplaceholder.js 입력폼정보  (0) 2017.05.19
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments