https://futureforwardventures.ai/ai-agency/js/script.js

1// if ($(window).width() < 1020) {}
2$(window).on("load", function () {
3
4    "use strict";
5    /* ===================================
6            Loading Timeout
7     ====================================== */
8
9    $('.side-menu').removeClass('hidden');
10
11    setTimeout(function(){
12        $('.loader-bg').fadeToggle();
13
14    }, 1000);
15});
16
17/* ===================================
18        Header appear
19====================================== */
20jQuery(function ($) {
21
22    "use strict";
23
24    $(window).on('scroll', function () {
25        if ($(this).scrollTop() > 260) { // Set position from top to add class
26            $('header').addClass('header-appear');
27        }
28        else {
29            $('header').removeClass('header-appear');
30        }
31    });
32
33});
34
35/* ===================================
36     Nav Scroll
37====================================== */
38$(".scroll").on("click", function (event) {
39    event.preventDefault();
40    $("html,body").animate({
41        scrollTop: $(this.hash).offset().top}, 1200);
42});
43
44/* ===================================
45     Side Menu
46 ====================================== */
47if ($("#sidemenu_toggle").length) {
48    $("#sidemenu_toggle").on("click", function () {
49        $(".pushwrap").toggleClass("active");
50        $(".side-menu").addClass("side-menu-active"), $("#close_side_menu").fadeIn(700)
51    }), $("#close_side_menu").on("click", function () {
52        $(".side-menu").removeClass("side-menu-active"), $(this).fadeOut(200), $(".pushwrap").removeClass("active")
53    }), $(".side-nav .navbar-nav .nav-link").on("click", function () {
54        $(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
55    }), $("#btn_sideNavClose").on("click", function () {
56        $(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
57    });
58}
59
60/* ===================================
61        Counters
62====================================== */
63$(".about-us").appear(function () {
64    $('.stats-number-inner span').each(function () {
65        $(this).prop('Counter', 0).animate({
66            Counter: $(this).text()
67        }, {
68            duration: 3000,
69            easing: 'swing',
70            step: function (now) {
71                $(this).text(Math.ceil(now));
72            }
73        });
74    });
75});
76
77//*******************TEAM OWL CAROUSAL*************************
78$('#team-carousal').owlCarousel({
79    loop:true,
80    margin:0,
81    nav:true,
82    dots:false,
83    responsive:{
84        0:{
85            items:1
86        },
87        600:{
88            items:1
89        },
90        1000:{
91            items:1
92        }
93    }
94});
95
96/* ===================================
97        Cube Portfolio
98====================================== */
99$('#js-grid-mosaic').cubeportfolio({
100    filters: '#js-filters-mosaic',
101    layoutMode: 'grid',
102    sortByDimension: true,
103    mediaQueries: [{
104        width: 1500,
105        cols: 2,
106    }, {

107        width: 1100,
108        cols: 2,
109    }, {
110        width: 768,
111        cols: 1,
112    }, {
113        width: 480,
114        cols: 1,
115        options: {
116            gapHorizontal: 60
117        }
118    }],
119    defaultFilter: '*',
120    animationType: 'fadeIn',
121    gapHorizontal: 50,
122    gapVertical: 50,
123    gridAdjustment: 'responsive',
124    caption: 'zoom',
125
126    // lightbox
127    lightboxDelegate: '.cbp-lightbox',
128    lightboxGallery: true,
129    lightboxTitleSrc: 'data-title',
130    lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
131
132    plugins: {
133        loadMore: {
134            element: "#js-loadMore-lightbox-gallery",
135            action: "click",
136            loadItems: 5,
137        }
138    }
139})
140    .on('initComplete.cbp', function () {
141        // your functionality
142        var $this = $(this);
143        if ($(".cbp-filter-item-active").attr("data-filter") === "*") {
144            $("#js-loadMore-lightbox-gallery").addClass("active");
145        } else {
146            $("#js-loadMore-lightbox-gallery").removeClass("active");
147        }
148        $this.find(".cbp-wrapper").find(".cbp-item:not(.cbp-item-off)").each(function (index) {
149            $(this).removeClass("even");
150
151            console.log();
152            var val = index + 1;
153            if ($(this).css('left') !== "0px") {
154                $(this).addClass("even");
155            }
156        });
157    })
158    .on('onAfterLoadMore.cbp', function () {
159        // your functionality
160        var $this = $(this);
161        $("#js-loadMore-lightbox-gallery a").addClass("d-none");
162        $("#js-loadMore-lightbox-gallery").addClass("active-outer");
163        $this.find(".cbp-wrapper").find(".cbp-item:not(.cbp-item-off)").each(function (index) {
164            $(this).removeClass("even");
165            console.log();
166            var val = index + 1;
167            if ($(this).css('left') !== "0px") {
168                $(this).addClass("even");
169            }
170        });
171    })
172    .on('filterComplete.cbp', function () {
173        // your functionality
174        var $this = $(this);
175        if ($(".cbp-filter-item-active").attr("data-filter") === "*") {
176            $("#js-loadMore-lightbox-gallery").addClass("active");
177            $("#js-loadMore-lightbox-gallery").removeClass("d-none");
178        } else {
179            $("#js-loadMore-lightbox-gallery").removeClass("active");
180            $("#js-loadMore-lightbox-gallery").addClass("d-none");
181        }
182        $this.find(".cbp-wrapper").find(".cbp-item:not(.cbp-item-off)").each(function (index) {
183            $(this).removeClass("even");
184            var val = index + 1;
185            if ($(this).css('left') !== "0px") {
186                $(this).addClass("even");
187            }
188        });
189    });
190/*=====================================
191       Client Carousel

192   ======================================*/
193$('.testimonial-box').owlCarousel({
194
195    loop: true,
196    margin: 20,
197    slideSpeed: 5000,
198    slideTransition: 'linear',
199    nav: false,
200    dots: false,
201    autoplay: true,
202    autoplayTimeout: 8000,
203    autoplayHoverPause: true,
204    responsive: {
205        0: {
206            items: 1
207        },
208        600: {
209            items: 1
210        },
211        1000: {
212            items: 1
213        },
214    }
215});
216
217/*===================================
218    Go Top Scroll
219====================================== */
220$(function(){
221    // Scroll Event
222    $(window).on('scroll', function(){
223        var scrolled = $(window).scrollTop();
224        if (scrolled > 600) $('.go-top').addClass('active');
225        if (scrolled < 600) $('.go-top').removeClass('active');
226    });
227    // Click Event
228    $('.go-top').on('click', function() {
229        $("html, body").animate({ scrollTop: "0" },  500);
230    });
231});