使用 ThreeSixty 創建可拖動的 360 度全景圖片預覽效果

　　ThreeSixty 是生成可拖動的360度預覽圖像序列的 jQuery 插件。只需要在你的 HTML 頁面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了，支持鍵盤上的箭頭鍵，也支持觸摸和移動設備。可以使用 nextFrame() 和 prevFrame() 綁定 UI 控件。

 

 

官方網站     在線演示     插件下載

 

　　示例 HTML：

<div class="threesixty" data-path="assets/img/src/gem{index}.JPG" data-count="61"></div>

　　示例 JavaScript：

$(document).ready(function(){
    $('.threesixty').threeSixty({
        dragDirection: 'horizontal'
    });
});

您可能感興趣的相關文章

• 12款經典的白富美型 jQuery 圖片輪播插件
• 精心挑選的優秀jQuery Ajax分頁插件和教程
• 精心挑選的優秀 jQuery 文本特效插件和教程
• 精心挑選的美輪美奐的 jQuery 圖片特效插件
• 精心挑選12款優秀 jQuery 手風琴插件和教程

 

本文鏈接：使用 ThreeSixty 創建可拖動的 360 度圖片預覽效果

編譯來源：夢想天空 ◆ 關注Web前端開發技術 ◆ 分享網頁設計資源