如何在javascript中使用imageslider？

我有一段代码在JavaScript中实现了imageslider，它工作得很好（当你点击它的幻灯片时），除了以下问题： 1：当到达最后一个图像时，它停止。但是，我希望它作为不停的imageslider在它们上面循环。 2：所有图像都显示在页面中。但是，我希望它们彼此隐藏（即：当单击图像时，它会滑动以显示下一个图像），我使用了

overflow:hidden

，但它对我不起作用

设liEls=document.queryselectoral（'ulli'）；
设指数=0；
window.show=功能（增加）{
指数=指数+增加；
index=Math.min（Math.max（index，0），liEls.length-1）；
liEls[index].scrollIntoView（{behavior:'smooth'}）；
}

ul{
显示器：flex；
宽度：100%；
保证金：0；
填充：0；
位置：相对位置；
z指数：1；
溢出：隐藏；
}
李{
位置：相对位置；
显示：块；
列表样式：无；
}

图像幻灯片放映

要使溢出正常工作，请将精确宽度设置为

ul

。似乎所有的图像都有600像素宽，所以我将宽度设置为

600px

。下一个/上一个图像的边缘现在将不可见

有几种方法可以对旋转木马滑块进行编码。循环的常用方法是克隆并附加同一组图像。当显示第二个桩时，移除第一个桩，然后在末端附加一个新桩。我建议您使用而不是scrollIntoView方法，在触发此事件时向添加侦听器并执行remove/clone/append（等待滚动结束）

设liEls=document.queryselectoral（'ulli'）；
设指数=0；
window.show=功能（增加）{
指数=指数+增加；
index=Math.min（Math.max（index，0），liEls.length-1）；
liEls[index].scrollIntoView（{behavior:'smooth'}）；
}

ul{
显示器：flex；
宽度：600px；
保证金：0；
填充：0；
位置：相对位置；
z指数：1；
溢出：隐藏；
}
李{
位置：相对位置；
显示：块；
列表样式：无；
}

图像幻灯片放映

要使溢出正常工作，请将精确宽度设置为

ul

。似乎所有的图像都有600像素宽，所以我将宽度设置为

600px

。下一个/上一个图像的边缘现在将不可见

有几种方法可以对旋转木马滑块进行编码。循环的常用方法是克隆并附加同一组图像。当显示第二个桩时，移除第一个桩，然后在末端附加一个新桩。我建议您使用而不是scrollIntoView方法，在触发此事件时向添加侦听器并执行remove/clone/append（等待滚动结束）

设liEls=document.queryselectoral（'ulli'）；
设指数=0；
window.show=功能（增加）{
指数=指数+增加；
index=Math.min（Math.max（index，0），liEls.length-1）；
liEls[index].scrollIntoView（{behavior:'smooth'}）；
}

ul{
显示器：flex；
宽度：600px；
保证金：0；
填充：0；
位置：相对位置；
z指数：1；
溢出：隐藏；
}
李{
位置：相对位置；
显示：块；
列表样式：无；
}

图像幻灯片放映

我现在对这个问题进行了编辑，希望你能理解。你可以尝试在没有任何额外代码的情况下使用滑块插件，或者你需要一些自定义的东西吗？事实上，我需要这种代码，因为这是我的家庭作业：/当你点击图像时，它会滑动。你必须为图像设置动画，一个简单的卷轴如果不重新排列图片就不行。我现在对问题进行了编辑，希望你能理解，你可以尝试在没有任何额外代码的情况下使用滑块插件，或者你需要一些定制的东西吗？事实上，我需要这种代码，因为这是我的家庭作业：/当你点击图像时，它会滑动你必须为图像设置动画，一个简单的卷轴无法做到这一点，如果不重新排序的图像。非常感谢你帮了我很多！非常感谢你，你帮了我很多！