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

zslider javascript应仅在低于768px的屏幕分辨率下工作,javascript,Javascript,我想在我的网站上使用zsliderjavascript,但是有人能告诉我如何使它只在768px以下的屏幕分辨率下工作吗 以下是zslider脚本链接: http://www.cssscript.com/demo/mobile-friendly-content-carousel-slider-with-pure-javascript-zslider/ 使用媒体查询显示768px以下的滑块内容: @media (min-width: 768px) { .z-slide-wrap { di

我想在我的网站上使用zsliderjavascript,但是有人能告诉我如何使它只在768px以下的屏幕分辨率下工作吗

以下是zslider脚本链接:

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

使用媒体查询显示768px以下的滑块内容:

@media (min-width: 768px) {
  .z-slide-wrap {
   display: none;
   }
}
if (window.innerWidth <= 768) {
  var slider1 = new Slider('#demo', '.z-slide-item', {
      // OPTIONS HERE
  });
}
然后,仅当宽度低于768px时,才使用JavaScript初始化滑块:

@media (min-width: 768px) {
  .z-slide-wrap {
   display: none;
   }
}
if (window.innerWidth <= 768) {
  var slider1 = new Slider('#demo', '.z-slide-item', {
      // OPTIONS HERE
  });
}

if(window.innerWidth)谢谢你的评论。它确实有效,但是当我们再次调整大小超过768时,如何停止脚本?我不知道你的意思。你想隐藏滑块还是完全停止脚本?