360全景html插件,jQuery 360度全景图插件 PANORAMA VIEWER
插件描述:PANORAMA VIEWER將幫助您把全景照片嵌入在網站上。使用鼠標拖拽方試查看效果。
基本用法
現在你可以用這個插件顯示你的全景照片。因此,首先你必須將最新的jQuery庫,jquery.panorama_viewer.js和panorama_viewer.css插入您的文檔的
。現在你要做的這將圖像添加到你的HTML像這樣:?
...
一定要改變圖像的源圖像和調用函數,如下所示:$(".panorama").panorama_viewer({
repeat:?false,??????????????//圖像將重復當用戶滾動到包圍盒。默認值為false。
direction:?"horizontal",????//讓你定義的滾動方向。可接受的價值觀是“水平”和“垂直”。默認值是水平
animationTime:?700,?????????//這允許你設置時間當圖像被拖。設置為0以使其瞬間。默認值是700。
easing:?"ease-out",
//?寬度選項?"ease",?"linear",?"ease-in",?"ease-out",?"ease-in-out",?and?"cubic-bezier(...))".?默認值”。?"ease-out".
overlay:?true???????????????//?真/假?這個隱藏的初始指令覆蓋
});
現在你將能夠顯示你的全景照片,而不依賴于網站的整體寬度。我希望你會發現這很有用。
總結
以上是生活随笔為你收集整理的360全景html插件,jQuery 360度全景图插件 PANORAMA VIEWER的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html辅助方法以及常用属性值,工作总结
- 下一篇: 鸿蒙怎么运行安卓应用,华为:安卓生态应用