top of page
bottom of page
const gallery = document.getElementById("gallery2"); let isDown = false; let startX; let scrollLeft; gallery.addEventListener('mousedown', (e) => { isDown = true; startX = e.pageX - gallery.offsetLeft; scrollLeft = gallery.scrollLeft; }); gallery.addEventListener('mouseleave', () => { isDown = false; }); gallery.addEventListener('mouseup', () => { isDown = false; }); gallery.addEventListener('mousemove', (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - gallery.offsetLeft; const walk = (x - startX) * 2; // Adjust 2 for speed gallery.scrollLeft = scrollLeft - walk; });