service.js (2337B)
1 // Four Item Carousel 2 (function ($) { 3 4 "use strict"; 5 6 var four_item_carousel = function ($scope, $) { 7 8 if ($('.four-item-carousel').length) { 9 $('.four-item-carousel').owlCarousel({ 10 loop:true, 11 margin:30, 12 nav:true, 13 smartSpeed: 500, 14 autoplay: 5000, 15 navText: [ '<span class="fas fa-angle-left"></span>', '<span class="fas fa-angle-right"></span>' ], 16 responsive:{ 17 0:{ 18 items:1 19 }, 20 600:{ 21 items:2 22 }, 23 800:{ 24 items:2 25 }, 26 1024:{ 27 items:3 28 }, 29 1200:{ 30 items:4 31 } 32 } 33 }); 34 } 35 if ($('.three-item-carousel').length) { 36 $('.three-item-carousel').owlCarousel({ 37 loop:true, 38 margin:30, 39 nav:true, 40 smartSpeed: 500, 41 autoplay: 1000, 42 navText: [ '<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>' ], 43 responsive:{ 44 0:{ 45 items:1 46 }, 47 480:{ 48 items:1 49 }, 50 600:{ 51 items:2 52 }, 53 800:{ 54 items:2 55 }, 56 1024:{ 57 items:3 58 } 59 } 60 }); 61 } 62 } 63 64 65 $(window).on('elementor/frontend/init', function () { 66 elementorFrontend.hooks.addAction('frontend/element_ready/resox_service.default', four_item_carousel); 67 elementorFrontend.hooks.addAction('frontend/element_ready/resox_service.slider', four_item_carousel); 68 elementorFrontend.hooks.addAction('frontend/element_ready/resox_blog.default', four_item_carousel); 69 elementorFrontend.hooks.addAction('frontend/element_ready/slide.default', four_item_carousel); 70 }); 71 })(window.jQuery);