Слайд с помощью мышы?

Question

[Za Za]

Help... как заставить работать остальные слайды так же как первый (перетаскивание мышкой)? Карточек таких овердофига(не ограничивается тремя).

Answer 1

[Сергей Сергей]

лень объяснять

const slider = document.querySelectorAll('.gallery').forEach( slider => {
  let isDown = false;
	let startX;
	let scrollLeft;

	slider.addEventListener('mousedown', e => {
	  isDown = true;
	  slider.classList.add('active');
	  startX = e.pageX - slider.offsetLeft;
	  scrollLeft = slider.scrollLeft;
	});
	slider.addEventListener('mouseleave', _ => {
	  isDown = false;
	  slider.classList.remove('active');
	});
	slider.addEventListener('mouseup', _ => {
	  isDown = false;
	  slider.classList.remove('active');
	});
	slider.addEventListener('mousemove', e => {
	  if (!isDown) return;
	  e.preventDefault();
	  const x = e.pageX - slider.offsetLeft;
	  const SCROLL_SPEED = 3;
	  const walk = (x - startX) * SCROLL_SPEED;
	  slider.scrollLeft = scrollLeft - walk;
	});
});