| 1 |
(function ($, elementor) { |
| 2 |
("use strict"); |
| 3 |
var GlossyCarousel = function ($scope, $) { |
| 4 |
var $gridCarousel = $scope.find(".usk-glossy-carousel"); |
| 5 |
if (!$gridCarousel.length) { |
| 6 |
return; |
| 7 |
} |
| 8 |
var $gridCarouselContainer = $gridCarousel.find(".swiper-carousel"); |
| 9 |
var $settings = $gridCarousel.find('.usk-carousel').data("settings"); |
| 10 |
const Swiper = elementorFrontend.utils.swiper; |
| 11 |
initSwiper(); |
| 12 |
async function initSwiper() { |
| 13 |
var swiper = await new Swiper($gridCarouselContainer, $settings); // this is an example |
| 14 |
if ($settings.pauseOnHover) { |
| 15 |
$($gridCarouselContainer).hover(function () { |
| 16 |
(this).swiper.autoplay.stop(); |
| 17 |
}, function () { |
| 18 |
(this).swiper.autoplay.start(); |
| 19 |
}); |
| 20 |
} |
| 21 |
}; |
| 22 |
}; |
| 23 |
jQuery(window).on("elementor/frontend/init", function () { |
| 24 |
elementorFrontend.hooks.addAction("frontend/element_ready/usk-glossy-carousel.default", GlossyCarousel); |
| 25 |
}); |
| 26 |
})(jQuery, window.elementorFrontend); |
