产品图片拖拽3d查看js插件

产品图片拖拽3d查看js插件源码下载

看看谁在用

查看文件结构

文件大小:1.18M

资源分类: 插件-其它前端代码

更新时间: 2020-12-25

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插件

正在加载文件目录...

也许你还喜欢

  1. Js模拟逼真的开关灯效果
  2. 精美Bootstrap和jQuery计算器插件
  3. jquery-ui拖拽排序demo代码
  4. 纯css绘制的3d城市建模
  5. js拖动范围选择插件
  6. jQuery控制div层变形3D效果
RSS文字滚动特效js插件rss-marquee
  • 标签查找|关于我们|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2