목록#rotate360 (1)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 360-degree Product Image Viewer - jQuery rotate360.js

여러 각도에서 촬영한 상품의 이미지를 360도 회전하면서 마치 동영상을 보여주듯이 화면에 재생시키는 스크립트 입니다. 첨부된 파일의 압축을 해제하고 index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 재생하기 버튼, 멈추기 버튼 막대바를 이용해서 화면에 이미지를 표시해줍니다. 샘플 파일을 다운로드 받아서 압축을 풀어보면, 360도 회전하면서 이미지를 보여주기 위해서, 아래 그림 처럼 이미지를 총 36개를 준비해둔게 확인이 됩니다. 재생하기 버튼을 클릭하면 이미지를 순차적으로 표시해주는데 사진을 보여주면서, 마치 동영상을 재생하는것 과 같은 효과가 나타나네요. 온라인으로 상품을 판매하는 쇼핑몰 사이트에서 특정 상품의 이미지를 보여줄 때 사용할만할 듯 하네요.
웹프로그램밍 자료실/JAVA 자료 2019. 3. 5. 09:02
Prev 1 Next