const btnActiveFirstProyectosseleccionados = document.getElementById("slide_dato__btn0Proyectosseleccionados"); btnActiveFirstProyectosseleccionados.classList.add("btn-active"); const swiperDatosProyectosseleccionados = new Swiper('.swiper_datos-Proyectosseleccionados', { autoHeight: true, simulateTouch: false, }); document .querySelector('.slide-0Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn0Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(0, 0); }); document .querySelector('.slide-1Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn1Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(1, 0); }); document .querySelector('.slide-2Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn2Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(2, 0); }); document .querySelector('.slide-3Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn3Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(3, 0); }); document .querySelector('.slide-4Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn4Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(4, 0); }); document .querySelector('.slide-5Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn5Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(5, 0); }); document .querySelector('.slide-6Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn6Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(6, 0); }); document .querySelector('.slide-7Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn7Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(7, 0); }); document .querySelector('.slide-8Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn8Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(8, 0); }); document .querySelector('.slide-9Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn9Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(9, 0); }); document .querySelector('.slide-10Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn10Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(10, 0); }); document .querySelector('.slide-11Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn11Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(11, 0); }); document .querySelector('.slide-12Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn12Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(12, 0); }); document .querySelector('.slide-13Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn13Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(13, 0); }); document .querySelector('.slide-14Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn14Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(14, 0); }); document .querySelector('.slide-15Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn15Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(15, 0); }); document .querySelector('.slide-16Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn16Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(16, 0); }); document .querySelector('.slide-17Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn17Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(17, 0); }); document .querySelector('.slide-18Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn18Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(18, 0); }); document .querySelector('.slide-19Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn19Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(19, 0); }); document .querySelector('.slide-20Proyectosseleccionados') .addEventListener('click', function (e) { e.preventDefault(); var elements = document.getElementById('content_btns_Proyectosseleccionados').getElementsByClassName('btn-active'); for(element of elements){ element.classList.remove('btn-active'); } var targetElement = document.getElementById("slide_dato__btn20Proyectosseleccionados"); targetElement.classList.add("btn-active"); swiperDatosProyectosseleccionados.slideTo(20, 0); });