JavaScript-如何实现京东商城图片360旋转

JavaScript-如何实现京东商城图片360旋转

泛泛之交 发布于 2017-09-10 字数 252 浏览 1181 回复 2

很多电商网站,例如京东商城,商品图片可以实现360°的旋转,通过检测鼠标的移动,来实现旋转功能,如何实现像京东商城中的产品图片,可以360°的旋转功能?
实例

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

灵芸 2017-10-07 2 楼

使用Jquery插件
http://blog.stableflow.com/jquery-plugins/360-degrees-product-view/

http://www.mathieusavard.info/threesixty/demo.html

http://www.360-javascriptviewer.com/learning-centre/code-examples/multiple-360-images-page.html

夜无邪 2017-09-12 1 楼

京东那个是用Flash实现的,这种全景视图,用Flash实现起来会相对简单一点,不过Javascript也能够实现,这里有些资料你可以参考:写起来比较费劲,就不自己实现了

http://www.gbin1.com/technology/jquerytutorial/20120326slider360viewimage/
(全景DEMO)

http://www.16sucai.com/2011/09/9941.html
(全景DEMO)

http://www.codesky.net/article/201004/101813.html