zslider javascript只能在低于768px的屏幕分辨率下工作

Question

我想在我的网站上使用zslider javascript，但任何人都可以告诉我如何使其仅在768px以下的屏幕分辨率下工作

这是zslider脚本链接：

http://www.cssscript.com/demo/mobile-friendly-content-carousel-slider-with-pure-javascript-zslider/

Answer 1

使用媒体查询显示低于768px的滑块内容：

@media (min-width: 768px) {
  .z-slide-wrap {
   display: none;
   }
}

仅当宽度低于768px时才使用JavaScript初始化滑块：

if (window.innerWidth <= 768) {
  var slider1 = new Slider('#demo', '.z-slide-item', {
      // OPTIONS HERE
  });
}