想要使用javascript实现图像列表界面的旋转

时间:2019-05-28 22:38:30

标签: javascript arrays nodelist

实际上我有一个6个div元素列表,每个div包含一些图像和两个按钮。 我的问题是我们如何使用JavaScript为div的每个实例选择图像列表。 所有的div具有相同的类名,所有的图像具有相同的类名。 我尝试使用querySelector,但它仅选择一个实例,而另一个div的同一个事件未运行 querySelectorAll选择所有div,因此无法为div中的特定图像执行事件

我想得到这个结果,当单击div中的右按钮时,我要显示下一张图像,而左边则相反,如果图像是最后一个图像,则应显示第一个图像。就像图像旋转一样。

1 个答案:

答案 0 :(得分:0)

听起来像滑块,无需重新创建轮子。使用数组索引您所在的位置。

https://www.w3schools.com/w3css/w3css_slideshow.asp