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

[해피CGI][cgimall] Add Notes to Images with jQuery and php 본문

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

[해피CGI][cgimall] Add Notes to Images with jQuery and php

해피CGI윤실장 2017. 3. 31. 09:29
Jquery + PHP를 이용해서

이미지에 메모를 할수 있는 프로그램입니다.

다운받은 파일의 압축을 풀어서
웹서버에 업로드하고
웹브라우져로 접속해보시면 됩니다.

그러면 아래와 같은 설명(매뉴얼)과




스크롤을 내려보면
샘플을 확인을 해볼수 있습니다.







사진위에 마우스를 올려보면
아래 그림 처럼 지정해둔 영역들이 화면에 표시가 되는데,



메모를 해야할 영역에 마우스를 올려서
오른버튼을 클릭해보면 아래 그림과 같이
무언가를 메모할수 있는 폼이 화면에 출력이 됩니다.




적당하게 메모를 입력하고,
연필 아이콘(저장하기)를 클릭하면




다시 마우스로 해당 영역에 올려보면
메모했던 내용이 확인이 됩니다.





재미있는 기능이네요.

출처는
http://www.htmldrive.net/items/show/856/Add-Notes-to-Images-with-jQuery-and-php 
입니다.

 

홈페이지바로가기 

Comments