使用 ThreeSixty 創建可拖動的 360 度全景圖片預覽效果
阿新 • • 發佈：2019-04-21
png dir target 使用 lan assets scrip asc hub
ThreeSixty 是生成可拖動的360度預覽圖像序列的 jQuery 插件。只需要在你的 HTML 頁面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了，支持鍵盤上的箭頭鍵，也支持觸摸和移動設備。可以使用 nextFrame() 和 prevFrame() 綁定 UI 控件。
官方網站 在線演示 插件下載
示例 HTML：
| 1 |
<div class="threesixty" data-path="assets/img/src/gem{index}.JPG" data-count="61"></div>
|
示例 JavaScript：
| 1 2 3 4 5 |
$(document).ready(function(){
$(‘.threesixty‘).threeSixty({
dragDirection: ‘horizontal‘
});
});
|
使用 ThreeSixty 創建可拖動的 360 度全景圖片預覽效果