хотите реализовать вращение интерфейса списка изображений с помощью javascript

На самом деле у меня есть список из 6 элементов div, и каждый div содержит несколько изображений и две кнопки. мой вопрос в том, как мы можем выбрать список изображений для каждого экземпляра div с помощью javascript. Все div имеют одно и то же имя класса, и все изображения имеют одно и то же имя класса. Я пробовал querySelector, но он выбирает только один экземпляр, и одно и то же событие не запускается для другого div. querySelectorAll выбирает все div, поэтому не может выполнить событие для определенного изображения внутри div.

Я хочу получить этот результат, когда правая кнопка внутри div нажата, я хочу отобразить следующее изображение, а слева оно противоположно, и если изображение является последним, оно должно отображать первое изображение. Как чередование изображений.


person Rituraj    schedule 28.05.2019    source источник


Ответы (1)


Звучит как слайдер, не нужно воссоздавать колесо. Используйте массив для индексации того, где вы находитесь.

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

person dstana    schedule 28.05.2019
comment
есть два div с основным классом, я могу выбрать div с помощью querySelectorAll и запустить события для каждого экземпляра с помощью цикла, но для изображений, как мне выбрать изображения для каждого экземпляра и запустить события для каждой группы изображений ‹div class=main› ‹img class=image src= alt= /› ‹img class=image src= alt= /› ‹класс кнопок=влево›влево‹/кнопка›‹класс кнопок=вправо›вправо‹/кнопка› ‹/div› ‹div class=main› ‹img class=image src= alt= /› ‹img class=image src= alt= /› ‹класс кнопок=влево›влево‹/кнопка›‹класс кнопок=вправо›вправо‹/кнопка› ‹/ раздел › - person Rituraj; 29.05.2019