jQuery插件-threesixty.js360度產品圖片預覽插件，可以逐幀播放，也可以進行自動播放，還可以制作出響應式和基于HTML5的全屏圖片效果。
可以通過bower來安裝該360度產品圖片預覽插件。
bower install threesixty-slider
使用方法
下載壓縮包，在頁面中引入jquery，threesixty.min.js和threesixty.css文件。
<link href="css/threesixty.css" rel="stylesheet" /> <script src="js/jquery.min.js"></script> <script src="js/threesixty.min.js"></script>
HTML結構
360度產品圖片預覽特效的基本HTML結構如下：
<div class="threesixty product1"> <div class="spinner"> <span>0%</span> </div> <ol class="threesixty_images"></ol> </div>
初始化插件
在頁面DOM元素加載完畢之后，可以通過下面的方法來初始化該360度產品圖片預覽插件。
window.onload = init;
var product;
function init() {
product1 = $('.product1').ThreeSixty({
totalFrames: 52,
endFrame: 30,
currentFrame: 1,
imgList: '.threesixty_images',
progress: '.spinner',
imagePath: 'img/car/',
filePrefix: '',
ext: '.png',
height: 447,
width: 1000,
navigation: true,
disableSpin: false
});
}
