Need a way to get the accurate activeIndex in loop mode

I’m using Swiper for a user to set their ‘current active image’, and so hooking into the onSlideChangeEnd() callback.

As you know, when in loop mode, the activeIndex property is offset by the duplicated slides, although what I need is essentially the data-swiper-slide-index attribute of the currently selected slide. I can’t find a way to get the currently selected slide or it’s index.

I looked repeatedly for this value in the API, although I can’t find anything, it seems like it should be there somewhere. The only other way I can think to get this value, would be to query the DOM for the slide with the active class on it, and grab it’s data-swiper-slide-index value, although that’s a pretty messy way to get a simple value.

[navyxie]

in loop mode active index value will be always shifted on a number of looped/duplicated slides. you can get attribute ‘data-swiper-slide-index’ whit function like:

function geSlideDataIndex(swipe){
    var activeIndex = swipe.activeIndex;
    var slidesLen = swipe.slides.length;
    if(swipe.params.loop){
        switch(swipe.activeIndex){
            case 0:
                activeIndex = slidesLen-3;
                break;
            case slidesLen-1:
                activeIndex = 0;
                break;
            default:
                --activeIndex;
        }
    }
    return  activeIndex;
}

usage:

var mySwiper = new Swiper('.swiper-container', {
    direction: 'vertical',
    loop:true,
    onSlideChangeEnd:function(swipe){
        console.log(geSlideDataIndex(swipe))
    }
}); 

@phongmedia

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.