Aztrek

[script]window.addEventListener('DOMContentLoaded', function () { var currentItem = 1; var $prevSlide = document.querySelector('.prevSlide'); var $nextSlide = document.querySelector('.nextSlide'); checkArrows(); $prevSlide.addEventListener('click', function () { var a = document.querySelector('[name=colorRadio]:checked'); if (currentItem > 1) { currentItem--; a.previousSibling.previousSibling.checked = true; } checkArrows(); }); $nextSlide.addEventListener('click', function () { var a = document.querySelector('[name=colorRadio]:checked'); if (currentItem < 6) { currentItem++; a.nextSibling.nextSibling.checked = true; } checkArrows(); }); var $navItems = document.querySelectorAll('[name="colorRadio"]'); $navItems.forEach(function (el) { el.addEventListener('click', function () { currentItem = this.value; console.log(currentItem); checkArrows(); }); }); function checkArrows() { if (currentItem == 1) $prevSlide.style.opacity = .2;else $prevSlide.style.opacity = 1; if (currentItem == 6) $nextSlide.style.opacity = .2;else $nextSlide.style.opacity = 1; }});[/script]