Javascript 微型滑块-动态添加/删除幻灯片

是否可以像使用一样从滑块添加和删除幻灯片

我已经找到了一种方法，以当前幻灯片为目标，并使用活动类Tiny Slider applies和数据属性将其删除。并打算反向添加幻灯片的过程

然而，Tiny Slider应用的活动类不会转移到下一个可用幻灯片，这使我认为不可能动态添加/删除

以下是我当前的设置：

const sliderWrapper = document.querySelector('.slider');
const sliderNav = document.querySelector('.slider-nav');

const slider = tns({
    container: sliderWrapper,
    items: 1,
    slideBy: 'page',
    autoplay: false,
    navContainer: sliderNav,
    controls: false,
    loop: false
});

const deleteSlide = document.querySelector('.delete');

deleteSlide.addEventListener('click', function(){
    const currentSlideWithSlider = document.querySelector('.tns-slide-active').dataset.slide;
    const allSlides = document.querySelectorAll('.slide');

    allSlides.forEach(function(slide, index){
        const currentSlideNoSlider = slide.dataset.slide;
        if(currentSlideWithSlider === currentSlideNoSlider) {
            slide.parentNode.removeChild(slide);
        }
    });
    slider.destroy;
    slider.rebuild;
});

这是一个密码笔：

谢谢你的帮助