Open Software Specialists

gsap.registerPlugin(ScrollTrigger); const path = document.querySelector(".animated-stroke path"); gsap.set(path, { strokeDasharray: path.getTotalLength(), strokeDashoffset: path.getTotalLength(), opacity: 0, fill: "transparent" }); const tl = gsap.timeline({ scrollTrigger: { trigger: ".s-know", start: "top center", end: "bottom center", toggleActions: "play reverse play reverse", } }); const tl2 = gsap.timeline(); tl.to(path, { strokeDashoffset: 0, opacity: 1, duration: 2, ease: "power2.out" }).to(path, { fill: "#00A4A7", duration: 1 }); gsap.fromTo(".img-trigger img", { scale: 0.9, }, { scale: 1.1, ease: "power3.inOut", scrollTrigger: { trigger: ".img-trigger", start: "top 75%", end: "bottom 25%", scrub: true, } } ); const icons = document.querySelectorAll('.icon-rg'); const words = document.querySelectorAll('.type-rg'); icons.forEach(icon => { icon.addEventListener('mouseenter', () => { const targetClass = icon.getAttribute('data-rg'); words.forEach(word => { if (word.classList.contains(targetClass)) { word.classList.add('active'); } else { word.classList.remove('active'); } }); icons.forEach(ic => { if (ic === icon) { ic.classList.add('active'); ic.classList.remove('inactive'); } else { ic.classList.remove('active'); ic.classList.add('inactive'); } }); }); icon.addEventListener('mouseleave', () => { words.forEach(word => word.classList.remove('active')); icons.forEach(ic => ic.classList.remove('inactive', 'active')); }); }); /*function fixElementorStructure(selector) { const elements = document.querySelectorAll(`${selector} .e-con-inner`); elements.forEach((el) => { const parent = el.parentNode; while (el.firstChild) parent.insertBefore(el.firstChild, el); parent.removeChild(el); }); } fixElementorStructure('.swiper-images'); fixElementorStructure('.swiper-thumbs'); var swiperCards = new Swiper(".swiper-thumbs", { slidesPerView: 4, watchSlidesProgress: true, }); var swiper2 = new Swiper("#js-slides-images", { thumbs: { swiper: swiperCards, }, }); ;*/ const containerImages = document.querySelector(".swiper-images .e-con-inner"); const containerThumbs = document.querySelector(".swiper-thumbs .e-con-inner"); const swiperImagesWrapper = document.querySelector(".swiper-images"); const swiperThumbsWrapper = document.querySelector(".swiper-thumbs"); function moveSwiperClasses(fromEl, toEl) { if (!fromEl || !toEl) return; const classesToMove = Array.from(fromEl.classList).filter(cls => cls.startsWith("swiper") || cls.startsWith("my-swiper") ); toEl.classList.add(...classesToMove); fromEl.classList.remove(...classesToMove); } moveSwiperClasses(swiperImagesWrapper, containerImages); moveSwiperClasses(swiperThumbsWrapper, containerThumbs) var swiper = new Swiper(".swiper-thumbs", { slidesPerView: 4, watchSlidesProgress: true, }); var swiper2 = new Swiper(".swiper-images", { grabCursor: true, thumbs: { swiper: swiper, }, });