jQuery Plugin For Interactive Image Notes - Interactive Image happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 이미지관련 > jQuery Plugin For Interactive Image Notes - Interactive Image 상세정보

클라우드태그

Javascript

PHP

asp

CSS

html

mysql

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

jQuery Plugin For Interactive Image Notes - Interactive Image

해피팀

네티즌

소스분류

이미지관련

다운로드 횟수

51 회

간단설명

Interactive Image는 이미지, 텍스트, 오디오, 소셜 링크, SoundCloud 트랙, HTML5 / Youtube / Vimeo 비디오 를 이미지의 대화 형 메모 / 마커 / 댓글 로 사용할 수있는 간단하고 유연한 jQuery 플러그인입니다 .

평가하기

다운로드 받은 파일의 압축을 해제한후
examples/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.

웹페이지의 이미지가 표시되고,
이미지 위의 마우스를 올려보면,
아래의 그림과 같이 포인트를 표시해줍니다.

각 포인트에 마우스를 올려보면

일반적인 텍스트(HTML)로 설명문구를 표시하거나,

사진을 추가로 보여주거나,

오디오파일을 재생시킨다거나,

동영상을 재생시킨다거나,

SNS사이트로 공유를 한다거나 하는게 가능합니다.

index.html 파일의 소스코드를 보면

이미지 위에 어떤 지점에 어떤 유형의 마크를 표시할것인지를

어렵지 않게 조절하는게 가능해보이네요.

쇼핑몰 사이트나,
일반 회사소개 홈페이지에서
제품등을 소개하는 페이지에서 활용하면 괜찮지 않을까 하네요.