Parsedecor

Title

Pages
Resources
Links
Privacy

Grow Your Online Business Strategically, and Improve Customer Retention.

© 2021 – Avada Studio • Powered by WordPress

// این کد رو در قسمت Custom JS آوادا اضافه کنید document.addEventListener('DOMContentLoaded', function() { const track = document.querySelector('.carousel-track'); const cards = document.querySelectorAll('.carousel-card'); const prevBtn = document.querySelector('.prev'); const nextBtn = document.querySelector('.next'); let currentIndex = 0; const cardWidth = cards[0].offsetWidth + 40; // 40 = margin function updateCarousel() { const angle = 360 / cards.length; cards.forEach((card, index) => { const offset = (index - currentIndex) * 100; const z = -Math.abs(offset) * 1.5; card.style.transform = ` translateX(${offset}%) translateZ(${z}px) rotateY(${(index - currentIndex) * -angle}deg) `; }); } nextBtn.addEventListener('click', () => { currentIndex = (currentIndex + 1) % cards.length; updateCarousel(); }); prevBtn.addEventListener('click', () => { currentIndex = (currentIndex - 1 + cards.length) % cards.length; updateCarousel(); }); // Initialize updateCarousel(); });
Go to Top