如何获取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
相关产品推荐
相关产品推荐

