JS Cloudimage 360 View 是一种简单的交互式资源,可用于提供产品的虚拟浏览。

使用方法
第 1 步:安装

在正文标记中的body内容之后,将带有 CDN 链接的脚本标记添加到 js-cloudimage-360-view lib

<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/2.0.7/js-cloudimage-360-view.min.js"></script>
您还可以使用主要版本号而不是固定版本来提供最新版本。
<script src=""https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/2/js-cloudimage-360-view.min.js""></script>
第 2 步:初始化

添加js-cloudimage-360-view lib后，只需使用类名“cloudimage-360”，服务器文件夹路径，文件名和图像数量初始化它：
<div class="cloudimage-360" data-folder="https://scaleflex.cloudimg.io/crop/1920x700/n/https://scaleflex.airstore.io/demo/360-car/"
   data-filename="iris-{index}.jpeg"
   data-amount="36"></div>


插件预览：

http://www.jq22.com/demo/jscloudimage-360201906162216/examples/src/
本文转自jq22，快速下载地址：

jscloudimage.zip