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

[해피CGI][cgimall] Jigzaw Puzzle 본문

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

[해피CGI][cgimall] Jigzaw Puzzle

해피CGI윤실장 2018. 1. 5. 09:05

다운로드 받은 파일의 압축을 풀어서

jigzaw.html 을 웹브라우저로 열어보면 됩니다.




위 그림을 아래 그림 처럼 퍼즐로 마추면 되는건가 봅니다.




배경에 원본그림이 있어서 몇개 찾아서 마춰보긴 했습니다만
다 마추려면 시간이 꽤 걸릴듯 하네요.

퍼즐로 사용할 이미지들이 몇개 있네요.




이미지파일의 이름을 소스코드내에 입력만 하면



그 사진을 잘라서



퍼즐마추기가 되네요.

출처는
https://www.sourcecodester.com/javascript/5479/jigzaw-puzzle.html

입니다.

 

홈페이지바로가기 소스다운로드

저작자표시

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

[해피CGI][cgimall] Jquery Drop down Menu  (0) 2018.01.12
[해피CGI][cgimall] jQuery 를 이용한 사이드 메뉴  (0) 2018.01.10
[해피CGI][cgimall] animateClick with jQuery  (0) 2018.01.04
[해피CGI][cgimall] CKEditor 플러그인 Simple Button  (0) 2018.01.04
[해피CGI][cgimall] appendGrid 동적 테이블  (0) 2018.01.02
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments