https://eclos.fr/wp-content/themes/kidba/assets/js/main-2.js?ver=1790995576

1(function($) {
2    "use strict"
3    $(document).ready(function () {
4        // Video Play Button
5        $('.video-play-button a').magnificPopup({
6            type: 'iframe'
7        });
8        var courseSwiper = new Swiper(".kidba-popular-course-active-6", {
9          slidesPerView: 3,
10          spaceBetween: 30,
11          loop: true,
12          navigation: {
13            nextEl: ".kidba-category-nav-6 .kidba-arrow-next",
14            prevEl: ".kidba-category-nav-6 .kidba-arrow-prev",
15          },
16          breakpoints: {
17            0: {
18                slidesPerView: 1,
19                spaceBetween: 0
20            },
21            768: {
22              slidesPerView: 2,
23              spaceBetween: 30,
24            },
25            991: {
26              slidesPerView: 2,
27              spaceBetween: 30,
28            },
29            1199: {
30              slidesPerView: 2,
31              spaceBetween: 30,
32            },
33            1200: {
34              slidesPerView: 3,
35              spaceBetween: 30,
36            }
37          },
38        });
39        // MouseHover Animation
40        var hoverLayer = $(".hero-area");
41        var heroImgOne = $(".hero-shape.shape-01");
42        var heroImgTwo = $(".hero-shape.shape-02");
43        var heroImgThree = $(".hero-shape.shape-03");
44        hoverLayer.mousemove(function (e) {
45            var valueX = (e.pageX * -1) / 100;
46            var valueY = (e.pageY * -1) / 120;
47            heroImgOne.css({
48                transform: "translate3d(" + valueX + "px," + valueY + "px, 0)"
49            });
50        });
51        hoverLayer.mousemove(function (e) {
52            var valueX = (e.pageX * -1) / 80;
53            var valueY = (e.pageY * -1) / 100;
54            heroImgTwo.css({
55                transform: "translate3d(" + valueX + "px," + valueY + "px, 0)"
56            });
57        });
58        hoverLayer.mousemove(function (e) {
59            var valueX = (e.pageX * -1) / 60;
60            var valueY = (e.pageY * -1) / 80;
61            heroImgThree.css({
62                transform: "translate3d(" + valueX + "px," + valueY + "px, 0)"
63            });
64        });
65
66        // CounterUp 
67        $('.counter').counterUp({
68            delay: 10,
69            time: 1500
70        });
71
72        
73
74        // Blog Slider
75        $('.blog-slider').slick({
76            dots: false,
77            infinite: true,
78            speed: 1000,
79            autoplay: true,
80            autoplaySpeed: 2000,
81            slidesToShow: 3,
82            slidesToScroll: 1,
83            arrows: false,
84            responsive: [{
85                breakpoint: 1200,
86                settings: {
87                    slidesToShow: 2,
88                    slidesToScroll: 1,
89                    arrows: false,
90                }
91            },
92            {
93                breakpoint: 992,
94                settings: {
95                    slidesToShow: 2,
96                    slidesToScroll: 1,
97                    arrows: false,
98                }
99            }, {
100                breakpoint: 768,
101                settings: {
102                    slidesToShow: 1,
103                    slidesToScroll: 1,
104                    arrows: false,
105                }
106            },
107            ]
108        });
109    $(window).on('scroll', function () {
110
111        // Back Top
112        var ScrollTop = $('.back-to-top');
113
114        if ($(window).scrollTop() > 1000) {
115            ScrollTop.fadeIn(1000);
116        } else {
117            ScrollTop.fadeOut(1000);
118        }
119
120    });
121
122    $(window).on('load', function () {
123
124        // WOW JS
125        new WOW().init();
126
127        // Preloader
128        var preLoder = $("#preloader");
129        preLoder.fadeOut(0);
130
131        // Back Top
132        $(".back-to-top").on('click', function () {
133            $("html").animate({
134                "scrollTop": "0"
135            }, 1000);
136        });
137
138    });
139    })
140})(jQuery);