一般实现无缝轮播都需要辅助图，所以就想问下有不需要辅助图的方法吗。

绝对定位。你把轮播想象成两个DOM。移过来移过去

https://segmentfault.com/q/10... 以前回答过

怎么用原生JS实现无缝轮播？（不在头尾加辅助图的情况下）

不需要辅助图，但是需要至少有3张图
1张图应该不需要滚动
2张图复制成4张图就可以

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Banner</title>
    <style>
    .banner {position:relative;margin:0 40px;width:300px;height:200px;border-radius:10px;background:url('') center #F6F6F6;overflow:hidden;}
    .banner .item {position:absolute;width:300px;height:200px;left:300px;background:center center/contain transparent;z-index:1;}
    .banner .item.transition {
        -webkit-transition: left 1s;
        -moz-transition: left 1s;
        -ms-transition: left 1s;
        -o-transition: left 1s;
        transition: left 1s;
    }

    .banner .item-off  {left:-300px;z-index:2;}
    .banner .item-active {left:0;z-index:4;}
    </style>
    <script>
    document.addEventListener('DOMContentLoaded', function(){
        (function(){
            let delay = 2000;
            let arrItem = Array.prototype.slice.call(document.querySelectorAll('.banner .item'));
            let cntItem = arrItem.length;

            let idx = 0;

            function next()
            {
                let idxOff = idx - 1;
                if(idxOff < 0)
                    idxOff = cntItem - 1;

                arrItem[idxOff].classList.remove('item-off');
                arrItem[idx].classList.remove('item-active');
                arrItem[idx].classList.add('item-off');

                idx ++;
                if(idx >= cntItem)
                    idx = 0;

                arrItem[idx].classList.add('item-active');

                setTimeout(next, delay);
            }

            function init()
            {
                arrItem[idx].classList.add('item-active');

                if(cntItem > 1)
                {
                    setTimeout(next, delay);
                }
            }

            init();

        })();
    });
</script>
</head>
<body>
<div class="banner">
    <a class="item transition" href="javascript:void(0)" style="background-image:url(https://live-static.segmentfault.com/119/956/1199561634-5e676d01590e7_render)"></a>
    <a class="item transition" href="javascript:void(0)" style="background-image:url(https://live-static.segmentfault.com/119/956/1199561634-5e676d01590e7_render)"></a>
    <a class="item transition" href="javascript:void(0)" style="background-image:url(https://live-static.segmentfault.com/197/853/1978530267-5e0d58e51c159_render)"></a>
</div>
</body>
</html>

怎么用原生JS实现无缝轮播？（不在头尾加辅助图的情况下）

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

请问zustand的slice里面的属性，如何配置TypeScript类型约束？