https://akt.gov.al/wp-content/themes/hello-theme-child-master/assets/js/akt-hero-slider.js?ver=1.0

1(function ($) {
2  function initAktHeroSlider() {
3    $(".akt-hero-swiper").each(function () {
4      const $this = $(this);
5
6      // Prevent double initialization
7      if ($this.hasClass("swiper-initialized")) {
8        return;
9      }
10
11      new Swiper($this[0], {
12        loop: true,
13        speed: 1000,
14        effect: "slide",
15        parallax: true,
16        preloadImages: true,
17        watchSlidesProgress: true,
18        watchSlidesVisibility: true,
19
20        autoplay: {
21          delay: 6000,
22          disableOnInteraction: false,
23        },
24
25        pagination: {
26          el: ".swiper-pagination",
27          clickable: true,
28        },
29
30        navigation: {
31          nextEl: ".swiper-button-next",
32          prevEl: ".swiper-button-prev",
33        },
34
35        on: {
36          init() {
37            const $activeSlide = $(this.slides[this.activeIndex]);
38            gsap.fromTo(
39              $activeSlide.find(".text"),
40              { opacity: 0, y: 200 },
41              { opacity: 0.5, y: 0, duration: 1.5, ease: "power2.out" }
42            );
43
44            const currentEl = document.querySelector(".akt-current");
45            if (currentEl) currentEl.textContent = "01";
46          },
47
48          slideChangeTransitionStart() {
49            gsap.set(".text", { opacity: 0, y: 200 });
50          },
51
52          slideChangeTransitionEnd() {
53            const $activeSlide = $(this.slides[this.activeIndex]);
54            gsap.to($activeSlide.find(".text"), {
55              y: 0,
56              opacity: 0.5,
57              duration: 1.5,
58              ease: "power2.out",
59            });
60
61            const currentNumber = String(this.realIndex + 1).padStart(2, "0");
62            const currentEl = document.querySelector(".akt-current");
63            if (currentEl) currentEl.textContent = currentNumber;
64          },
65
66          loopFix() {
67            const $activeSlide = $(this.slides[this.activeIndex]);
68            gsap.set($activeSlide.find(".text"), { opacity: 0, y: 200 });
69            gsap.to($activeSlide.find(".text"), {
70              y: 0,
71              opacity: 0.5,
72              duration: 1.5,
73              ease: "power2.out",
74            });
75
76            const currentNumber = String(this.realIndex + 1).padStart(2, "0");
77            const currentEl = document.querySelector(".akt-current");
78            if (currentEl) currentEl.textContent = currentNumber;
79          },
80        },
81      });
82    });
83  }
84
85  window.initAktHeroSlider = initAktHeroSlider;
86
87  $(window).on("load", function () {
88    initAktHeroSlider();
89  });
90
91  $(window).on("elementor/frontend/init", function () {
92    elementorFrontend.hooks.addAction(
93      "frontend/element_ready/global",
94      function (scope) {
95        if ($(scope).find(".akt-hero-swiper").length > 0) {
96          initAktHeroSlider();
97        }
98      }
99    );
100  });
101})(jQuery);