animate-sprite.js是一个3d交互式图像查看器,从各个角度查看产品细节。
默认配置参数
var sprite = animateSprite.init(element, { width: 100, height: 100, frames: 24, cols: false, loop: false, frameTime: false, // time between frames duration: false, fps: 24, reverse: false, // reverse direction autoplay: false, draggable: false } );或者在HTML里添加属性
<div id="sprite-example" class="sprite sprite-example" data-width="600" data-heigth="450" data-frames="36"> </div>一些API方法
// 初始化 sprite.init(element, options); // 播放 sprite.play(); // 暂停 sprite.pause(); // 停止 sprite.stop(); // 切换 sprite.toggle(); // 下一个 sprite.next(); // 上一个 sprite.prev(); // 重置 sprite.reset(); // 销毁 sprite.destroy(); // 直接定位到一个角度 sprite.setFrame(frameIndex); // 相反的动画 sprite.setReverse(true/false); // 更新配置 sprite.setOption(option, value); // 获取当前 sprite.getCurrentFrame();
产品图片拖拽3d查看js插件
正在加载文件目录...
- 热度 40
![](https://imgs.bootstrapmb.com/2024/4/060941042.jpg)
又观沧海下载了 此素材
![](https://imgs.bootstrapmb.com/2023/2/111241236.jpg)
润禾下载了 此素材
![](https://imgs.bootstrapmb.com/2023/9/180839002.jpg)
JWen下载了 此素材
![](https://imgs.bootstrapmb.com/2023/2/230237488.jpg)
Conquer365下载了 此素材
![](https://imgs.bootstrapmb.com/2019/11/071045013.jpg)
黑白下载了 此素材
![](https://imgs.bootstrapmb.com/2022/2/210204214.jpg)
随风 下载了 此素材
![](https://imgs.bootstrapmb.com/2022/3/260659576.jpg)
mxp下载了 此素材
![](https://imgs.bootstrapmb.com/2022/10/040124553.jpg)
法国下载了 此素材
![](https://imgs.bootstrapmb.com/2022/10/120450205.jpg)
凤爪FZ下载了 此素材
![](https://imgs.bootstrapmb.com/2023/6/070329456.jpg)
Neal下载了 此素材