原生js实现图片点击切换

427 阅读1分钟

结构部分: 1650810698(1).png

js部分:

1650810761(1).png

js实现的主要主要点在于:点击按钮,其实修改的是图片的src地址,但是每次点击的时候,地址都不同,所以可以考虑将所有的图片都存放在数组中,通过数组的下标进行操作。当下标小于0的时候,让下标等于最后一张图片的下标,就可以实现无缝切换;当下标大于数组的最大下标的时候,将下标重置于0.