全屏滑块插件FullScreen适用移动端

 查看演示  website  立即下载

使用

创建实例并包装元素(例如:文档)和 2D 解析对象设置为参数,如下所示。

const fsSlider = new FullscreenSlider(
  document,
  {
    x: window.innerWidth,
    y: window.innerHeight
  }
);

绑定resize事件。 您应该在运行resize方法之前运行reset方法，以正确设置剖面元素的分辨率。 此外，您应该将具有窗口分辨率的对象设置为“resize”方法的参数，以将这些部分的大小调整为全屏大小。

window.addEventListener('resize', () => {
  fsSlider.reset();
  fsSlider.resize(
    {
      x: window.innerWidth,
      y: window.innerHeight
    }
  );
});

如果要启动动画，请运行start方法。

fsSlider.start()

PREVIOUS:
NEXT:
可爱的3D角色动画
jQuery 3D反转登录