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

Link

Tags more

관리 메뉴

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

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

해피CGI윤실장 2017. 3. 31. 09:29

Jquery + PHP를 이용해서

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

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

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

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

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

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

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

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

[해피CGI][cgimall] JQuery를 이용한 Progressbar(진행표시줄) 만들기 (0)	2017.04.04
[해피CGI][cgimall] CKEditor 플러그인 Floating-Tools (0)	2017.04.03
[해피CGI][cgimall] 자동 탐색 스크롤 메뉴 scrollNav.js (0)	2017.03.30
[해피CGI][cgimall] 배경에 youtube 동영상 적용하기 tubular v1.0.1 (0)	2017.03.29
[해피CGI][cgimall] A jQuery Plugin which lets you Share what you selected (0)	2017.03.28

공유하기 링크

'웹프로그램밍 자료실/JAVA 자료' Related Articles

Comments