https://teamwti.com/wp-content/themes/wti/js/script.js

1
2
3// $(window).scroll(function() {
4//     var scroll = $(window).scrollTop();
5//     if (scroll >= 5) {
6//         $('.header').addClass("fixed");
7//     } else {
8//         $('.header').removeClass("fixed");
9//     }
10// });
11
12
13// function myFunction(x) {
14//   x.classList.toggle("change");
15// }
16
17
18
19
20var swiper = new Swiper(".hero-banner-slider", {
21    loop: true,
22    spaceBetween: 5,
23    slidesPerGroup: 1,
24    speed: 1000,
25    effect: 'fade',
26    fadeEffect: {
27        crossFade: true
28    },
29    pagination: {
30        el: ".hero-pagination",
31        clickable: true,
32    },
33    // centeredSlides: true,
34    // navigation: {
35    //     nextEl: ".hero-button-next",
36    //     prevEl: ".hero-button-prev",
37    //   },
38    autoplay: {
39        delay: 2000,
40        disableOnInteraction: false,
41    },
42    breakpoints: {
43        0: {
44            slidesPerView: 1
45        },
46        576: {
47            slidesPerView: 1
48        },
49        768: {
50            slidesPerView: 1
51        },
52        1024: {
53            slidesPerView: 1
54        },
55        1200: {
56            slidesPerView: 1
57        },
58        1366: {
59            slidesPerView: 1
60        },
61        1920: {
62            slidesPerView: 1
63        }
64    }
65
66});
67
68
69var swiper = new Swiper(".our-partner-slider", {
70    loop: false,
71    spaceBetween: 26,
72    slidesPerGroup: 1,
73    speed: 1000,
74    // centeredSlides: true,
75    // navigation: {
76    //     nextEl: ".testimonial-button-next",
77    //     prevEl: ".testimonial-button-prev",
78    //   },
79    // autoplay: {
80    //     delay: 2000,
81    // },
82    breakpoints: {
83        0: {
84            slidesPerView: 2
85        },
86        576: {
87            slidesPerView: 3
88        },
89        768: {
90            slidesPerView: 4
91        },
92        1024: {
93            slidesPerView: 4
94        },
95        1200: {
96            slidesPerView: 4
97        },
98        1366: {
99            slidesPerView: 5
100        },
101        1920: {
102            slidesPerView: 6
103        }
104    }
105
106});
107
108
109
110//   $(function() {
111//     var gridClasses = 'col-sm-6 col-md-6 col-lg-6 col-xl-4';
112 
113//     // Grid button
114//     $('.grid-btn').on('click', function() {
115//       // toggle active button
116//       $('.property-view .view-btn').removeClass('active');
117//       $(this).addClass('active');
118 
119//       // wrapper view class
120//       var $wrapper = $('.property-wrapper');
121//       $wrapper.removeClass('list-view').addClass('grid-view');
122 
123//       // swap cols back to grid
124//       $wrapper.find('.row > div')
125//               .removeClass('col-12')
126//               .addClass(gridClasses);
127//     });
128 
129//     // List button
130//     $('.list-btn').on('click', function() {
131//       // toggle active button
132//       $('.property-view .view-btn').removeClass('active');
133//       $(this).addClass('active');
134 
135//       // wrapper view class
136//       var $wrapper = $('.property-wrapper');
137//       $wrapper.removeClass('grid-view').addClass('list-view');
138 
139//       // swap cols to full-width
140//       $wrapper.find('.row > div')
141//               .removeClass(gridClasses)
142//               .addClass('col-12');
143//     });
144//   });
145
146
147
148
149
150// // Back to top
151// var amountScrolled = 200;
152// var amountScrolledNav = 25;
153
154// $(window).scroll(function() {
155//   if ( $(window).scrollTop() > amountScrolled ) {
156//     $('button.back-to-top').addClass('show');
157//   } else {
158//     $('button.back-to-top').removeClass('show');
159//   }
160// });
161
162// $('button.back-to-top').click(function() {
163//   $('html, body').animate({
164//     scrollTop: 0
165//   }, 800);
166//   return false;
167// });
168
169
170
171//   document.addEventListener("DOMContentLoaded", function () {
172//     document.querySelectorAll(".dropdown-submenu > a").forEach(function (element) {
173//       element.addEventListener("click", function (e) {
174//         let nextEl = this.nextElementSibling;
175//         if (nextEl && nextEl.classList.contains("dropdown-menu")) {
176//           e.preventDefault();
177//           e.stopPropagation();

178//           nextEl.classList.toggle("show");
179//         }
180//       });
181//     });
182//   });
183
184
185
186
187
188document.addEventListener( 'DOMContentLoaded', function () {
189
190    var sliderEl = document.querySelector( '.success-stories__swiper' );
191
192    if ( ! sliderEl || typeof Swiper === 'undefined' ) {
193        return;
194    }
195
196    var navEl = document.querySelector( '.success-stories__nav' );
197    
198    new Swiper( sliderEl, {
199        slidesPerView: 1,
200        spaceBetween: 24,
201        loop: false,
202        speed: 500,
203        watchOverflow: true,
204
205        navigation: {
206            nextEl: '.success-stories__arrow--next',
207            prevEl: '.success-stories__arrow--prev',
208        },
209
210        pagination: {
211            el: '.success-stories__pagination',
212            clickable: true,
213        },
214
215        breakpoints: {
216            0: {
217                slidesPerView: 1,
218                spaceBetween: 16,
219            },
220            600: {
221                slidesPerView: 2,
222                spaceBetween: 20,
223            },
224            1025: {
225                slidesPerView: 3,
226                spaceBetween: 24,
227            },
228        },
229        on: {
230            init: function () {
231                // Reveal arrows only once Swiper has fully initialized
232                if ( navEl ) {
233                    navEl.classList.add( 'is-ready' );
234                }
235            },
236        },
237    } );
238
239} );