使用 ThreeSixty 创建可拖动的 360 度全景图片预览效果
ThreeSixty 是生成可拖动的360度预览图像序列的 jQuery 插件。只需要在你的 HTML 页面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了,支持键盘上的箭头键,也支持触摸和移动设备。可以使用 nextFrame() 和 prevFrame() 绑定 UI 控件。
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
示例 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' }); }); |

更多精彩