"Where Artists Thrive Throught Their Craft"

Responsive Touch Image Slider
let currentSlide = 0; const slider = document.getElementById('imageSlider'); const slides = document.querySelectorAll('.slide-wrapper'); let startX = 0; let isDragging = false; function changeSlide(direction) { if (direction !== -1 && direction !== 1) return; currentSlide += direction; if (currentSlide >= slides.length) { currentSlide = 0; } if (currentSlide < 0) { currentSlide = slides.length - 1; } slider.style.transform = `translateX(-${currentSlide * 100}%)`; } // Keyboard Navigation document.addEventListener('keydown', (e) => { const isInputFocused = document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA'; if (isInputFocused) return; if (e.key === 'ArrowRight') { changeSlide(1); } else if (e.key === 'ArrowLeft') { changeSlide(-1); } }); // Touch Event Handlers slider.addEventListener('touchstart', (e) => { if (e.touches.length > 1) return; // Ignore multi-touch startX = e.touches[0].clientX; isDragging = true; }); slider.addEventListener('touchmove', (e) => { if (!isDragging) return; e.preventDefault(); // Prevent default scrolling }); slider.addEventListener('touchend', (e) => { if (!isDragging) return; const currentX = e.changedTouches[0].clientX; const diffX = startX - currentX; if (Math.abs(diffX) > 50) { if (diffX > 0) { changeSlide(1); } else { changeSlide(-1); } } isDragging = false; });

About

Based in Indonesia, we're a passionate 2D animation studio weaving vibrant stories with creativity and finesse.

We offer the following services to our clients:

  • Storyboards

  • Animatics

  • Animation Direction

  • Key Animation

  • In-between Animation

  • Animation Clean-up and Coloring

  • Production-Quality Backgrounds

  • Traditional Effects Animation

  • Post-Production Effects

CONTACT US

Tell your dream project's and let's meke it come true together.

Follow and Support us!!!

works