360 度展示产品 js 实现

更新日期: 2019-12-09 阅读次数: 5326 字数: 121 分类: Javascript

图片放哪里

放服务器上的话,太占项目仓库空间。还是放到阿里云 OSS CDN 里吧。

这样就需要使用文件列表。需要注意的是,即使使用 data-image-list,也依然需要指定 data-folder。

data-folder="https://scaleflex.airstore.io/demo/360-car/"
data-image-list='[
   "iris-1.jpeg",
   "iris-4.jpeg",
   "https://scaleflex.airstore.io/demo/360-car/iris-12.jpeg",
   "https://scaleflex.airstore.io/demo/360-car/iris-15.jpeg"
   ]’

不活跃的一个实现

https://github.com/andrepolischuk/circlr

奔驰做演示的效果

https://github.com/scaleflex/js-cloudimage-360-view

炫酷的背景

http://www.jq22.com/

效果演示

  • 不活跃的一个实现 https://andrepolischuk.com/circlr/
  • 奔驰做演示的效果 https://scaleflex.github.io/js-cloudimage-360-view/

微信关注我哦 👍

大象工具微信公众号

我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式