main.js 710 B

12345678910111213141516171819202122232425
  1. const hamburger = document.querySelector('.hamburger');
  2. const mobileMenu = document.querySelector('.mobile-menu');
  3. hamburger.addEventListener('click', () => {
  4. mobileMenu.classList.toggle('active');
  5. });
  6. // ----------------del carrusel ----------------
  7. let index = 0;
  8. function showSlide(n) {
  9. const slides = document.querySelectorAll('.slide');
  10. if (n >= slides.length) index = 0;
  11. if (n < 0) index = slides.length - 1;
  12. const newTransformValue = -index * 100 + '%';
  13. document.querySelector('.slider-container').style.transform = `translateX(${newTransformValue})`;
  14. }
  15. function moveSlide(step) {
  16. showSlide(index += step);
  17. }
  18. showSlide(index)
  19. setInterval(() => moveSlide(1), 8000);