自动播放滑块和无限幻灯片

时间:2020-08-26 09:31:07

标签: javascript slider slide autoplay infinite-carousel

我需要在我的滑块上添加一个自动播放功能,并添加一个无限的幻灯片。 我是JS新手,不胜感激,我需要做些什么才能实现它。

检查以下代码:

var button = document.getElementById('next');
button.onclick = function () {
    var container = document.getElementById('card_slider_1');
    sideScroll(container,'right',25,1244,20);
                behavior: 'smooth';
};

var back = document.getElementById('prev');
back.onclick = function () {
    var container = document.getElementById('card_slider_1');
    sideScroll(container,'left',25,1244,20);
    behavior: 'smooth';
};

function sideScroll(element,direction,speed,distance,step){
    scrollAmount = 0;
    var slideTimer = setInterval(function(){
        if(direction == 'left'){
            element.scrollLeft -= step;
        } else {
            element.scrollLeft += step;
        }
        scrollAmount += step;
        if(scrollAmount >= distance){
            window.clearInterval(slideTimer);
        }
    }, speed);
}

谢谢:)

0 个答案:

没有答案