时间戳

首页 > 解决方案 > glide js - 使用控件后更改步数（幻灯片）

javascript - glide js - 使用控件后更改步数（幻灯片）

问题描述

我正在使用 glide JS carousel 将一些内容显示为轮播。存储库的文档在网站和github 上。

我当前的代码如下：

jQuery( window ).load(function() {

  var slidesNumber = null;

  if(document.body.classList.contains('single-portfolio')) {
    slidesNumber = 5;
  } else {
    slidesNumber = 4;
  }

  var glide = new Glide('.glide', {
    type: 'carousel',
    perView: slidesNumber,
    autoplay: 4000,
    animationDuration: 1000,
    focusAt: 1
  })
  
  glide.mount()
});

我想要实现的是在单击下一个/上一个按钮时更改默认的步骤数（幻灯片）。目前它总是一张幻灯片。虽然我想使用我的变量（var slidesNumber）设置为预期的行为。

我已经浏览了文档，但它什么也没说..它甚至可行吗？

标签： javascriptcarouselglidejs

解决方案

您提供的代码按预期工作。就我而言，显示了 4 张幻灯片，因为该类不在我的文档正文中。您可能希望将 var 记录到控制台并确保有超过 1 张幻灯片。

此外，提供一些 html 会有所帮助。

推荐阅读