版權(quán)聲明：

本文內(nèi)容由阿里云實名注冊用戶自發(fā)貢獻，版權(quán)歸原作者所有，阿里云開發(fā)者社區(qū)不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。具體規(guī)則請查看《 阿里云開發(fā)者社區(qū)用戶服務(wù)協(xié)議》和 《阿里云開發(fā)者社區(qū)知識產(chǎn)權(quán)保護指引》。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容，填寫 侵權(quán)投訴表單進行舉報，一經(jīng)查實，本社區(qū)將立刻刪除涉嫌侵權(quán)內(nèi)容。

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

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

官方網(wǎng)站     在線演示     插件下載

　　示例 HTML：

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

　　示例 JavaScript：

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

您可能感興趣的相關(guān)文章

本文鏈接：使用 ThreeSixty 創(chuàng)建可拖動的 360 度圖片預(yù)覽效果

編譯來源：夢想天空 ◆ 關(guān)注Web前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設(shè)計資源

相關(guān)文章

相關(guān)知識

左璇360減肥咖啡，到底有用嗎？效果怎么樣？
11231932圖片
老年人健康生活用品博覽會圖片平面廣告素材免費下載(圖片編號:5400041)
愛高清圖片
360度微創(chuàng)吸脂的優(yōu)勢有哪些
減肥高清圖片
混合堅果背景與堅果餅干。健康有機零食圖片
獨立高清圖片
安全使用家庭裝修建材的知識.docx
成人高清圖片

網(wǎng)址: 使用 ThreeSixty 創(chuàng)建可拖動的 360 度全景圖片預(yù)覽效果 http://www.gysdgmq.cn/newsview588524.html