Как стрелки задействовать в button, чтобы слайдер листался при нажатии на них?

Question

[Андрей Широких]

Доброго времени суток.

Есть код слайдера:
Вот тута
В JS прописаны кнопки. Там же и добавлены иконки кнопок перелистывания. Но есть проблема, даже если z-index нужный задать, всё равно , нажимая именно по картинкам стрелок, кнопки не срабатывают. Как эти стрелки задействовать, чтобы при нажатии и на них в том числе, слайдер перелистывал? Сейчас листается, если кликать на всю площадь кнопок, кроме стрелок.

Answer 1

[Bavashi]

addEvent(carousel, 'click', function(e) {
				var target = e.target;
				if (target.tagName == 'BUTTON' && target.className.indexOf('control') !== -1) {
          direction = (target.className.indexOf('next') !== -1) ? 'next' : 'prev';
					moveSlides(direction);
				}
        if (target.tagName == 'IMG') {
          direction = (target.src.includes('image')) ? 'prev' : 'next';
					moveSlides(direction);
        }
			});

Comments

[Андрей Широких]

Разобрался, спасибо больше!