360 度展示产品 js 实现

文章目录

    图片放哪里

    放服务器上的话,太占项目仓库空间。还是放到阿里云 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 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式