360 度展示产品 js 实现

更新日期: 2019-12-09 阅读次数: 367 字数: 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 聊聊。 白天写程序,晚上哄熊孩子,可能回复有点慢,见谅。 查看更多联系方式

相关文章

爱评论不评论

近期节日

2020年04月01日 愚人节
2020年04月02日 国际儿童图书日
2020年04月03日 寒食节
2020年04月04日 清明节
2020年04月07日 世界卫生日
2020年04月11日 世界帕金森病日
2020年04月19日 谷雨
2020年04月21日 复活节
2020年04月22日 世界地球日
2020年04月23日 世界读书日
2020年04月26日 知识产权日
2020年04月30日 佛诞
查看更多节日