使用Glide.js获取当前幻灯片索引

Glide.js是一个轻量级的响应式幻灯片插件，用于创建漂亮的滑动效果。它可以用于网站中的图片轮播、产品展示、新闻滚动等场景。

要获取当前幻灯片索引，可以使用Glide.js提供的API方法。首先，确保你已经引入了Glide.js库，并初始化了幻灯片组件。然后，可以使用index()方法来获取当前幻灯片的索引值。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="path/to/glide.css">
</head>
<body>
  <div class="glide">
    <div class="glide__track" data-glide-el="track">
      <ul class="glide__slides">
        <li class="glide__slide">Slide 1</li>
        <li class="glide__slide">Slide 2</li>
        <li class="glide__slide">Slide 3</li>
      </ul>
    </div>
  </div>

  <script src="path/to/glide.js"></script>
  <script>
    new Glide('.glide').mount();

    // 获取当前幻灯片索引
    var glide = document.querySelector('.glide').glide;
    var currentIndex = glide.index;

    console.log("当前幻灯片索引：" + currentIndex);
  </script>
</body>
</html>

在上面的示例中，我们首先引入了Glide.js的CSS文件和JavaScript文件。然后，在HTML中创建了一个包含幻灯片内容的结构，并初始化了Glide.js组件。最后，通过glide.index属性获取当前幻灯片的索引，并将其打印到控制台。

推荐的腾讯云相关产品：腾讯云对象存储（COS）