Adnan- Test

$ = jQuery; function loadPaginations(){ const pages = $('.custom-elementor-carousel').find('.swiper-pagination-bullet'); const activeIndex = $('.custom-elementor-carousel').find('.swiper-pagination-bullet-active').data('bullet-index'); const length = pages.length; const width = ((activeIndex + 1) / length) * 100; let pageItem = ``; $('.custom-pagination').html(pageItem); } function updatePagination(){ const pages = $('.custom-elementor-carousel').find('.swiper-pagination-bullet'); const activeIndex = $('.custom-elementor-carousel').find('.swiper-pagination-bullet-active').data('bullet-index'); const length = pages.length; const width = ((activeIndex + 1) / length) * 100; $('.custom-page-item').css({ width: `${width}%` }); } $(document).ready(function(){ const loadPages = setInterval(function(){ loadPaginations(); }, 500); setTimeout(function(){ clearInterval(loadPages) }, 2000) $(document).on('click', '.custom-next', function(){ const container = $(this).closest('.custom-elementor-carousel'); container.find('.elementor-swiper-button-next').click(); updatePagination() }) $(document).on('click', '.custom-prev', function(){ const container = $(this).closest('.custom-elementor-carousel'); container.find('.elementor-swiper-button-prev').click(); updatePagination() }) }) jQuery(window).on('elementor/frontend/init', function () { elementorFrontend.hooks.addAction('frontend/element_ready/global', function ($scope) { const swiperEl = $scope.find('.swiper')[0]; if (!swiperEl) return; // 🧠 Wait until swiper is fully initialized const waitForSwiper = setInterval(() => { if (swiperEl.swiper) { clearInterval(waitForSwiper); const swiper = swiperEl.swiper; // 🚫 Prevent duplicate binding if (swiper._customHooked) return; swiper._customHooked = true; swiper.on('slideChange', function () { const index = swiper.realIndex; // ✅ better than activeIndex onSlideChange(index); }); } }, 100); }); }); function onSlideChange(index) { updatePagination(); }