https://www.wesaidso.com/assets/js/scripts.js

1// Index of jQuery Active Code
2
3// :: 1.0 STICKY HEADER ACTIVE CODE
4// :: 2.0 SCROLL TO TOP ACTIVE CODE
5// :: 3.0 SCROLL LINK ACTIVE CODE
6// :: 4.0 SMOOTH SCROLLING ACTIVE CODE
7// :: 5.0 TOOLTIP ACTIVE CODE
8// :: 6.0 BRANDING SLIDER ACTIVE CODE
9// :: 7.0 TESTIMONIALS ACTIVE CODE
10// :: 8.0 TEAM SLIDER ACTIVE CODE
11// :: 9.0 APP SCREENSHOTS ACTIVE CODE
12// :: 10.0 WORK SLIDER ACTIVE CODE
13// :: 11.0 LOGIN SLIDER ACTIVE CODE
14// :: 12.0 COUNTERUP ACTIVE CODE
15// :: 13.0 FANCYBOX IMAGE GALLERY
16
17$( document ).ready(function() {
18    'use strict';
19
20    var $window = $(window);
21    var zero = 0;
22
23    function navMenu() {
24
25        // MAIN MENU TOGGLER ICON (MOBILE SITE ONLY)
26        $('[data-toggle="navbarToggler"]').click(function () {
27            $('.navbar').toggleClass('active');
28            $('body').toggleClass('canvas-open');
29        });
30        // MAIN MENU TOGGLER ICON
31        $('.navbar-toggler').click(function () {
32            $('.navbar-toggler-icon').toggleClass('active');
33        });
34
35        // NAVBAR STICKY
36        var $stickyNav = $(".navbar-sticky");
37
38        $(window).on("scroll load", function () {
39            var scroll = $(window).scrollTop();
40            if (scroll >= 120) {
41                $stickyNav.addClass("navbar-sticky-moved-up");
42            } else {
43                $stickyNav.removeClass("navbar-sticky-moved-up");
44            }
45            // apply transition
46            if (scroll >= 250) {
47                $stickyNav.addClass("navbar-sticky-transitioned");
48            } else {
49                $stickyNav.removeClass("navbar-sticky-transitioned");
50            }
51            // sticky on
52            if (scroll >= 500) {
53                $stickyNav.addClass("navbar-sticky-on");
54            } else {
55                $stickyNav.removeClass("navbar-sticky-on");
56            }
57
58        });
59    }
60    navMenu();
61
62    // :: 1.0 STICKY HEADER ACTIVE CODE
63    $window.on('scroll', function () {
64        if ($(window).scrollTop() > 100) {
65            $('.main-header-area').addClass('navbar-sticky');
66        } else {
67            $('.main-header-area').removeClass('navbar-sticky');
68        }
69    });
70
71    $window.on('scroll', function () {
72        $('.navbar-sticky').toggleClass('hide', $(window).scrollTop() > zero);
73        zero = $(window).scrollTop();
74    })
75
76    // :: 2.0 SCROLL TO TOP ACTIVE CODE
77    var offset = 300;
78    var duration = 500;
79
80    $window.on('scroll', function () {
81        if ($(this).scrollTop() > offset) {
82            $("#scrollUp").fadeIn(duration);
83        } else {
84            $("#scrollUp").fadeOut(duration);
85        }
86    });
87
88    $("#scrollUp").on('click', function () {
89        $('html, body').animate({
90            scrollTop: 0
91        }, duration);
92    });
93
94    // :: 3.0 SCROLL LINK ACTIVE CODE
95    var scrollLink = $('.scroll');
96
97    // SCROLLSPY ACTIVE CODE
98    $('body').scrollspy({
99        target: '#appo-header'
100    });
101
102    // :: 4.0 SMOOTH SCROLLING ACTIVE CODE
103    scrollLink.on('click', function (e) {
104        e.preventDefault();
105        $('body,html').animate({
106            scrollTop: $(this.hash).offset().top
107        }, 1000);
108    });
109
110    // :: 5.0 TOOLTIP ACTIVE CODE
111    $('[data-toggle="tooltip"]').tooltip({
112        animated: 'fade',
113        placement: 'top',
114        container: 'body'
115    });
116
117    // :: 6.0 BRANDING SLIDER ACTIVE CODE
118    $('.branding-slider.owl-carousel').owlCarousel({
119        loop: true,
120        margin: 20,
121        nav: false,
122        dots: false,
123        smartSpeed: 2000,
124        autoplay: true,
125        autoplayTimeout: 4000,
126        responsive: {
127            0: {
128                items: 2
129            },
130            576: {
131                items: 3
132            },
133            768: {
134                items: 4
135            },
136            992: {
137                items: 5
138            }
139        }
140    });
141
142    // :: 11.0 FEATURES SLIDER ACTIVE CODE
143    $('.features-slider.owl-carousel').owlCarousel({
144        items: 1,
145        loop: true,
146        nav: false,
147        dots: true,
148        smartSpeed: 1500,
149        autoplay: true,
150        autoplayTimeout: 6000,
151        dotsContainer: '.features-content'
152    });
153
154    // :: 7.0 TESTIMONIALS ACTIVE CODE
155    var testimonialSlider = $('.testimonials');
156    testimonialSlider.owlCarousel({
157        items: 1,
158        nav: false,
159        dots: true,
160        smartSpeed: 500,
161        autoplay: true,
162        loop: true,
163        mouseDrag: true,
164        touchDrag: true,
165        responsiveClass: true,
166        responsive: {
167            0: {
168                items: 1
169            },
170            600: {
171                items: 1
172            },
173            768: {
174                items: 1
175            }
176        }
177    });
178
179    testimonialSlider.on("translate.owl.carousel", function () {
180        $(".single-testimonial img, .single-testimonial-thumb img, .client-rating").removeClass("animated zoomIn").css("opacity", "0");
181    });
182    testimonialSlider.on("translated.owl.carousel", function () {
183        $(".single-testimonial img, .single-testimonial-thumb img, .client-rating").addClass("animated zoomIn").css("opacity", "1");
184    });
185    $('.thumb-next').on('click', function () {
186        testimonialSlider.trigger('next.owl.carousel', [300]);
187        return false;

188    });
189    $('.thumb-prev').on('click', function () {
190        testimonialSlider.trigger('prev.owl.carousel', [300]);
191        return false;
192    });
193
194    // :: 8.0 TEAM SLIDER ACTIVE CODE
195    $('.team-slider').owlCarousel({
196        loop: true,
197        margin: 20,
198        nav: false,
199        dots: false,
200        smartSpeed: 2000,
201        autoplay: true,
202        autoplayTimeout: 4000,
203        responsive: {
204            0: {
205                items: 1,
206                nav: false
207            },
208            576: {
209                items: 2
210            },
211            768: {
212                items: 3
213            },
214            992: {
215                items: 4
216            }
217        }
218    });
219
220    // :: 9.0 APP SCREENSHOTS ACTIVE CODE
221    $('.app-screenshots').slick({
222        dots: true,
223        arrows: false,
224        speed: 2000,
225        slidesToShow: 4,
226        slidesToScroll: 1,
227        autoplay: true,
228        autoplaySpeed: 3000,
229        pauseOnHover: false,
230        pauseOnFocus: false,
231        responsive: [
232            {
233                breakpoint: 1024,
234                settings: {
235                    slidesToShow: 3,
236                    slidesToScroll: 1
237                }
238            },
239            {
240                breakpoint: 600,
241                settings: {
242                    slidesToShow: 2,
243                    slidesToScroll: 2,
244                    dots: false
245                }
246            },
247            {
248                breakpoint: 480,
249                settings: {
250                    slidesToShow: 1,
251                    slidesToScroll: 1,
252                    dots: false
253                }
254            }
255          ]
256    });
257
258    // :: 10.0 WORK SLIDER ACTIVE CODE
259    $('.work-slider.owl-carousel').owlCarousel({
260        items: 1,
261        loop: true,
262        nav: false,
263        dots: true,
264        smartSpeed: 1000,
265        autoplay: true,
266        autoplayTimeout: 4000,
267        dotsContainer: '.work-content'
268    });
269
270    // :: 11.0 LOGIN SLIDER ACTIVE CODE
271    $('.login-slider.owl-carousel').owlCarousel({
272        loop: true,
273        margin: 20,
274        nav: false,
275        dots: true,
276        smartSpeed: 2000,
277        autoplay: true,
278        autoplayTimeout: 4000,
279        responsive: {
280            0: {
281                items: 1
282            },
283            576: {
284                items: 1
285            },
286            768: {
287                items: 1
288            },
289            992: {
290                items: 1
291            }
292        }
293    });
294
295    // :: 12.0 COUNTERUP ACTIVE CODE
296    $('.counter').counterUp({
297        delay: 10,
298        time: 1000
299    });
300
301    // :: 13.0 FANCYBOX IMAGE GALLERY
302    $('[data-fancybox="images"]').fancybox({
303        afterLoad: function (instance, current) {
304            var pixelRatio = window.devicePixelRatio || 1;
305
306            if (pixelRatio > 1.5) {
307                current.width = current.width / pixelRatio;
308                current.height = current.height / pixelRatio;
309            }
310        }
311    });
312
313    $('[data-fancybox]').fancybox({
314        youtube: {
315            controls: 0,
316            showinfo: 0
317        },
318        vimeo: {
319            color: 'f00'
320        }
321    });
322
323});