jQuery 360旋轉(zhuǎn)圖片是一種簡(jiǎn)單而又實(shí)用的圖片展示方式，可以讓用戶從各個(gè)角度來(lái)查看產(chǎn)品的細(xì)節(jié)。以下是簡(jiǎn)單的代碼實(shí)現(xiàn)：

<div class="rotate">
<img src="product.jpg">
</div>
<script>
$(document).ready(function() {
$(".rotate").spritespin({
source: SpriteSpin.sourceArray('/path/to/frames/{frame}.jpg', {
frame: [1,36],
}),
width: 480,
height: 320,
frameTime: 35,
sense: -1,
});
});
</script>

上述代碼使用了jQuery plugin Spritespin 來(lái)實(shí)現(xiàn) 360度旋轉(zhuǎn)。其中 source 指定了圖片序列幀的地址。源文件比如總共36幀，包含了/product.jpg、/path/to/frames/1.jpg、/path/to/frames/2.jpg、……、/path/to/frames/36.jpg 這 37 個(gè)文件。

width 和 height 指定了容器的寬高。frameTime 是每一幀的時(shí)間（毫秒）。sense 是旋轉(zhuǎn)的方向，1表示順時(shí)針，-1表示逆時(shí)針。

Spritespin 還有很多可選參數(shù)可以配置，比如回調(diào)函數(shù)，事件處理等。如果需要更進(jìn)一步的詳細(xì)介紹，可以訪問(wèn)Spritspin 文檔。