[해피CGI][cgimall] 터치식 360도 제품보기 Jquery 플러그인 - 360 ImageRotate

360ImageRotate는 반응형 모바일 친화적인 이미지 뷰어 플러그인으로 사용자에게 제품에 대한 360도의 시청 경험을 제공합니다.

- 라이센스

MIT




- 작동 브라우저


Chrome, IE 9 이상, FireFox, Opera, Safari




- 사용 방법


1. 각도를 다르게 한 여러장에 사진을 준비합니다.
기본 이미지 저장 경로는 images 입니다.




2. 필요한 JavaScript 및 CSS 파일을 HTML 파일에서 호출합니다.

3. 360도 이미지가 노출될 자리에 객체를 추가합니다.

4. 플러그인을 호출합니다.

5. 각종 옵션들을 추가할 수 있습니다.

• totalFrames : 보유한 총 이미지 수
• endFrame : 자동 회전 애니메이션의 끝 프레임
• currentFrame : 자동 회전 시작 프레임
• speed : 애니메이션 속도
• dragSpeed ​​:  요소를 드래그 할 때의 회전 속도
• progress : 로딩 진행률을 표시하는 선택기
• extension : 이미지의 확장자
• imgPrefix : 이미지 접두사
• navigation : 탐색 표시
• spinner : 로드시 스피너 비활성화
• imagesFolder : 이미지가 있는 폴더의 경로
• smallWidth : 작은 이미지 가로 크기
• smallHeight : 작은 이미지 세로 크기
• largeWidth : 큰 이미지 가로 크기
• largeHeight : 큰 이미지 세로 크기
• imagePlaceholderClass : 이미지 자리 표시 자에 대한 클래스
• imgList : 이미지 목록 선택기

- 작동 예제