You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何获取Swiffy Slider中当前活跃幻灯片的索引?能否访问SlideIndex?

获取Swiffy Slider当前活跃幻灯片索引的方法

Swiffy Slider提供了直接的方式获取当前活跃幻灯片的索引,具体方法如下:

  • 直接访问实例属性
    初始化滑块实例后,可通过activeSlideIndex属性直接获取当前活跃幻灯片的索引(索引从0开始计数):

    // 初始化滑块
    const slider = new SwiffySlider('#your-slider-selector');
    // 获取当前索引
    const currentIndex = slider.activeSlideIndex;
    

    若滑块未初始化或无活跃幻灯片,该属性会返回-1。

  • 监听切换事件实时获取
    如果需要在幻灯片切换时实时获取索引,可监听slideChange事件,回调参数中包含当前活跃索引:

    slider.on('slideChange', (event) => {
      const currentIndex = event.detail.activeSlideIndex;
      console.log('当前活跃幻灯片索引:', currentIndex);
    });
    

内容的提问来源于stack exchange,提问作者Anu

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.15 10:55:30