https://thefriscobowl.com/wp-content/themes/frisco-bowl/js/main.js

1jQuery(document).ready(function($){
2  startSlider();
3})
4
5$("[data-trigger]").on("click", function(){
6  var trigger_id =  $(this).attr('data-trigger');
7  $(trigger_id).toggleClass("show");
8  $('body').toggleClass("offcanvas-active");
9});
10
11// close button 
12$(".btn-close").click(function(e){
13  $(".navbar-collapse").removeClass("show");
14  $("body").removeClass("offcanvas-active");
15}); 
16
17
18//Hero Bg Slider
19var hero = new Swiper(".hero", {
20  slidesPerView: 1,
21  spaceBetween: 0,
22  navigation: {
23      nextEl: ".swiper-button-next",
24      prevEl: ".swiper-button-prev",
25    },
26});
27
28// Meet Sponsorns Bg Slider
29var meetsponsors = new Swiper(".meetsponsors", {
30  spaceBetween: 20,
31  navigation: {
32      nextEl: ".swiper-button-next",
33      prevEl: ".swiper-button-prev",
34    },
35    breakpoints: {
36            575: {
37               slidesPerView: 1,
38               spaceBetween: 0,
39            },
40            768: {
41               slidesPerView: 2,
42               spaceBetween: 0,
43             },
44            1024: {
45              slidesPerView: 3,
46               spaceBetween: 10,
47             },
48             1920: {
49              slidesPerView: 4,
50             },
51         }
52});
53
54// Meet Sponsorns Bg Slider
55var meetsponsors = new Swiper(".mediavideo", {
56  spaceBetween: 20,
57  slidesPerGroup: 3,
58  navigation: {
59      nextEl: ".swiper-button-next",
60      prevEl: ".swiper-button-prev",
61    },
62    breakpoints: {
63            575: {
64               slidesPerView: 1,
65               spaceBetween: 0,
66            },
67            768: {
68               slidesPerView: 3,
69               spaceBetween: 10,
70             },
71            1024: {
72              slidesPerView: 3,
73               spaceBetween: 10,
74             },
75             1920: {
76              slidesPerView: 3,
77             },
78         }
79});
80
81  // mySwiper
82  var yTube_slide = new Swiper(".yTube", {
83    spaceBetween: 0,
84    navigation: {
85      nextEl: ".swiper-button-next",
86      prevEl: ".swiper-button-prev",
87    },
88    pagination: {
89      el: ".swiper-pagination",
90      clickable: true,
91    },
92  });
93  // mySwiper_logo
94  var sponsors = new Swiper(".sponsors", {
95    slidesPerView: 1,
96    spaceBetween: 20,
97    navigation: {
98        nextEl: ".swiper-button-next",
99        prevEl: ".swiper-button-prev",
100      },
101  });
102
103  // AD Banner
104  var adBanner_slide = new Swiper(".adBanner", {
105    spaceBetween: 30,
106 autoplay: {
107    delay: 3000,
108    },
109    loop:true,
110    // pagination: {
111    //   el: ".swiper-pagination-ad",
112    //   clickable: FALSE,
113    // },
114  });
115
116
117  $(document).ready(function() {
118    $("#filterButton").click(function() {
119      $("#filterform").toggle();
120    });
121  });
122
123
124  // tooltip
125  $(document).ready(function(){
126    //$('[data-toggle="tooltip"]').tooltip();
127  });
128
129
130
131  
132
133  
134    //save big images
135      var $bigItem = $('.stadium-box-btn');
136    //save small images
137      var $smallItem = $('.stadium-box-img');
138    //click and moseenter function on small image
139    //you could delete one eventlistener
140      $smallItem.on('click mouseenter', function () {
141        //remove active class from all items
142          $bigItem.removeClass('active');
143          $smallItem.removeClass('active');
144        //add active class to item as small item's index
145          $bigItem.eq($(this).index()).addClass('active');
146          $smallItem.eq($(this).index()).addClass('active');
147      });
148
149    function startSlider() {
150        jQuery('.slider-single').slick({
151            slidesToShow: 1,
152            slidesToScroll: 1,
153            arrows: false,
154            fade: false,
155            adaptiveHeight: false,
156            infinite: true,
157            useTransform: true,
158            speed: 400,
159            cssEase: 'cubic-bezier(0.77, 0, 0.18, 1)',
160            asNavFor: '.slider-nav',
161            // lazyLoad: 'ondemand'
162        });
163
164        jQuery('.slider-nav')
165            .on('init', function(event, slick) {
166                jQuery('.slider-nav .slick-slide.slick-current').addClass('is-active');
167            })
168            .slick({
169                slidesToShow: 5,
170                slidesToScroll: 1,
171                dots: false,
172                infinite: true,
173                centerMode: false,
174                focusOnSelect: true,
175                loop: true,
176                // lazyLoad: 'progressive',
177                asNavFor: '.slider-single',
178                responsive: [{
179                    breakpoint: 1024,
180                    settings: {
181                        slidesToShow: 4,
182                    }
183                }, {
184                    breakpoint: 768,
185                    settings: {
186                        slidesToShow: 3,
187                    }
188                } ]
189            });
190    }