// 获取左右箭头元素
var prev = document.queryselector(".carousel-prev");
var next = document.queryselector(".carousel-next");

// 图片滚动函数
function carouselscroll(direction) {
    var container = document.queryselector(".carousel-items");
    var minscrollleft = 0;
    var maxscrollleft = container.scrollwidth - container.clientwidth;
    var increment = 20 * direction;

    container.scrollleft += increment;

    if (container.scrollleft < minscrollleft) {
        container.scrollleft = maxscrollleft;
    } else if (container.scrollleft > maxscrollleft) {
        container.scrollleft = minscrollleft;
    }
};

// 给左右箭头绑定事件
prev.addeventlistener("click", function() {
    carouselscroll(-1);
});

next.addeventlistener("click", function() {
    carouselscroll(1);
});