[해피CGI][cgimall] Single/Multiple Image Selector In jQuery - Media Selector

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

 

 

웹페이지에서 미리 준비된 항목을 선택하기 위해서 사용하는
셀렉트박스나, 라디오버튼, 체크박스 같은 입력폼을
이미지들로 이용할 수 있는 jQuery 플러그인입니다.

 

 

체크박스를 이용해서
여러개의 옵션중 하나만 선택이 가능한 모드(셀렉트박스, 라디오버튼과 같은 식)와,
여러개를 선택이 가능한 모드로 조절이 가능합니다.



화면에 선택할 수 있는 이미지들을 배치하고,
무엇을 선택했는지 표시하는 부분을 위해서는 아래의 과정이 필요합니다.

 

 

4번 과정은 화면에 표시되는 이미지들의 모양을 위해서 필요한 CSS 입니다.

 

 

그 이후에 아래의 과정이 필요한데,

 

 

6번 과정은 이미지들을 선택했을때 생기는 효과(콜백) 이다 보니,
아무래도 jquery 스크립트를 조금은 공부해야 
이 인터페이스가 필요한 페이지에 적용하는게 가능은 할 듯 하네요.