일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #jQuery
- #업종별
- #이미지
- 해피CGI
- 사이트제작
- 해피씨지아이
- php
- #happycgi
- 웹솔루션
- #솔루션
- 홈페이지제작
- 홈페이지
- #홈페이지제작
- jquery
- 솔루션
- javascript
- #CSS
- #image
- CSS
- #홈페이지
- 게시판
- #동영상
- CGIMALL
- #뉴스
- #해피CGI
- #cgimall
- #쇼핑몰
- #웹솔루션
- happycgi
- 쇼핑몰
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jQuery Plugin For Interactive Image Notes - Interactive Image 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] jQuery Plugin For Interactive Image Notes - Interactive Image
해피CGI윤실장 2020. 8. 24. 09:51Interactive Image는 이미지, 텍스트, 오디오, 소셜 링크, SoundCloud 트랙, HTML5 / Youtube / Vimeo 비디오 를
이미지의 대화 형 메모 / 마커 / 댓글 로 사용할 수있는 간단하고 유연한 jQuery 플러그인입니다 .
다운로드 받은 파일의 압축을 해제한후
examples/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.
웹페이지의 이미지가 표시되고,
이미지 위의 마우스를 올려보면,
아래의 그림과 같이 포인트를 표시해줍니다.
각 포인트에 마우스를 올려보면
일반적인 텍스트(HTML)로 설명문구를 표시하거나,
사진을 추가로 보여주거나,
오디오파일을 재생시킨다거나,
동영상을 재생시킨다거나,
SNS사이트로 공유를 한다거나 하는게 가능합니다.
index.html 파일의 소스코드를 보면
이미지 위에 어떤 지점에 어떤 유형의 마크를 표시할것인지를
어렵지 않게 조절하는게 가능해보이네요.
쇼핑몰 사이트나,
일반 회사소개 홈페이지에서
제품등을 소개하는 페이지에서 활용하면 괜찮지 않을까 하네요.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] jQuery 를 이용한 Table 을 Excel 로 다운로드하는 플러그인 입니다. (0) | 2020.08.26 |
---|---|
[해피CGI][cgimall] jQuery 를 이용한 Parallax Effect 플러그인 (0) | 2020.08.25 |
[해피CGI][cgimall] jquery, Infinitely Scrollable Vertical Menu (0) | 2020.08.20 |
[해피CGI][cgimall] jquery, Menu Hover Image Animation (0) | 2020.08.14 |
[해피CGI][cgimall] Animated Search Form With Micro Interactions 반응형 검색박스 (0) | 2020.08.06 |
Comments