[해피CGI][cgimall] jQuery Plugin For Interactive Image Notes - Interactive Image

Interactive Image는 이미지, 텍스트, 오디오, 소셜 링크, SoundCloud 트랙, HTML5 / Youtube / Vimeo 비디오 를

이미지의 대화 형 메모 / 마커 / 댓글 로 사용할 수있는 간단하고 유연한 jQuery 플러그인입니다 .

​

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


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

​

​

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

 

 

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

 

 

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

 

 

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

 

 

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

 

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


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

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

 

 

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

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