360-degree Product Image Viewer - jQuery rotate360.js : happycgi

회원가입

출석체크

마이페이지

CGIMALL

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

홈 > JAVASCRIPT > javascript 소스창고 > 이미지관련 > 360-degree Product Image Viewer - jQuery rotate360.js 상세정보

클라우드태그

Javascript

HTML

CSS

php

API

ASP

mysql

jquery

slide

image

메뉴

mobile

게시판

현재접속자 명

360-degree Product Image Viewer - jQuery rotate360.js

해피팀

네티즌

소스분류

이미지관련

다운로드 횟수

182 회

간단설명

여러 각도에서 촬영한 상품의 이미지를 360도 회전하면서 마치 동영상을 보여주듯이 화면에 재생시키는 스크립트 입니다.

평가하기

첨부된 파일의 압축을 해제하고
index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다.

재생하기 버튼, 멈추기 버튼
막대바를 이용해서 화면에 이미지를 표시해줍니다.

샘플 파일을 다운로드 받아서 압축을 풀어보면,
360도 회전하면서 이미지를 보여주기 위해서,
아래 그림 처럼 이미지를 총 36개를 준비해둔게 확인이 됩니다.

재생하기 버튼을 클릭하면
이미지를 순차적으로 표시해주는데
사진을 보여주면서, 마치 동영상을 재생하는것 과 같은 효과가 나타나네요.

온라인으로 상품을 판매하는 쇼핑몰 사이트에서
특정 상품의 이미지를 보여줄 때 사용할만할 듯 하네요.