https://seduinscripciones.azurewebsites.net/preinscripciones/assets/js/script.js

1(function ($) {
2  "use strict";
3
4  var initPreloader = function () {
5    $(document).ready(function () {
6      var Body = $('body');
7      Body.addClass('preloader-site');
8    });
9    $(window).on('load', function () {
10      $('.preloader').fadeOut();
11      $('body').removeClass('preloader-site');
12    });
13  }
14
15  // init Chocolat light box
16  var initChocolat = function () {
17    Chocolat(document.querySelectorAll('.image-link'), {
18      imageSize: 'contain',
19      loop: true,
20    })
21  }
22
23  $(document).ready(function () {
24    // Isotope Initialization
25    var $container = $('.isotope-container').isotope({
26      itemSelector: '.item',
27      layoutMode: 'masonry',
28    });
29
30    // Filter items on button click
31    $('.filter-button').click(function () {
32      var filterValue = $(this).attr('data-filter');
33      if (filterValue === '*') {
34        $container.isotope({ filter: '*' });
35      } else {
36        $container.isotope({ filter: filterValue });
37      }
38      $('.filter-button').removeClass('active');
39      $(this).addClass('active');
40    });
41
42    // Video Modal
43    var $videoSrc;
44    $('.play-btn').click(function () {
45      $videoSrc = $(this).data("src");
46    });
47
48    $('#myModal').on('shown.bs.modal', function (e) {
49      $("#video").attr('src', $videoSrc + "?autoplay=1&modestbranding=1&showinfo=0");
50    })
51
52    $('#myModal').on('hide.bs.modal', function (e) {
53      $("#video").attr('src', $videoSrc);
54    })
55
56    // Swiper Initialization
57    var sliderSwiper = new Swiper(".slider", {
58      effect: "fade",
59    });
60
61    var roomSwiper = new Swiper(".room-swiper", {
62      slidesPerView: 3,
63      spaceBetween: 20,
64      pagination: {
65        el: ".room-pagination",
66        clickable: true,
67      },
68      breakpoints: {
69        0: {
70          slidesPerView: 1,
71        },
72        1024: {
73          slidesPerView: 2,
74        },
75        1280: {
76          slidesPerView: 3,
77        },
78      },
79    });
80
81    var gallerySwiper = new Swiper(".gallery-swiper", {
82      effect: "fade",
83      navigation: {
84        nextEl: ".main-slider-button-next",
85        prevEl: ".main-slider-button-prev",
86      },
87    });
88
89    var thumbSlider = new Swiper(".product-thumbnail-slider", {
90      autoplay: true,
91      loop: true,
92      spaceBetween: 8,
93      slidesPerView: 4,
94      freeMode: true,
95      watchSlidesProgress: true,
96    });
97
98    var largeSlider = new Swiper(".product-large-slider", {
99      autoplay: true,
100      loop: true,
101      spaceBetween: 10,
102      effect: 'fade',
103      thumbs: {
104        swiper: thumbSlider,
105      },
106    });
107
108    // Preloader
109    initPreloader();
110
111    // Chocolat
112    initChocolat();
113
114    // Animate on Scroll
115    AOS.init({
116      duration: 1000,
117      once: true,
118    });
119  });
120})(jQuery);