https://icrossinternational.org/js/main.js

1/*ICROSS International Theme Scripts */
2
3(function($){
4    "use strict";
5             
6    $(window).on('load', function() {
7        $('body').addClass('loaded');
8    });
9
10/*=========================================================================
11    	Sticky Header
12=========================================================================*/ 
13    $(function() {
14        var header = $("#header"),
15            height = header.height(),
16            yOffset = 0,
17            triggerPoint = 100;
18        $('.header-height').css('height', height+'px');
19        $(window).on( 'scroll', function() {
20            yOffset = $(window).scrollTop();
21
22            if (yOffset >= triggerPoint) {
23            	header.removeClass("animated cssanimation fadeIn");
24                header.addClass("navbar-fixed-top  cssanimation animated fadeInTop");
25            } else {
26                header.removeClass("navbar-fixed-top cssanimation  animated fadeInTop");
27                header.addClass("animated cssanimation fadeIn");
28            }
29
30        });
31    });
32
33/*=========================================================================
34    Nivo slider 
35=========================================================================*/
36    $('#main-slider').nivoSlider({
37        effect: 'random',
38        animSpeed: 300,
39        pauseTime: 5000,
40        directionNav: true,
41        manualAdvance: false,
42        controlNavThumbs: false,
43        pauseOnHover: true,
44        controlNav: false,
45        prevText: "<i class='ti-arrow-left'></i>",
46        nextText: "<i class='ti-arrow-right'></i>"
47    });
48
49/*=========================================================================
50    Mobile Menu
51=========================================================================*/  
52    $(function(){
53        $('#mainmenu').slicknav({
54            prependTo: '.site-branding',
55            label: '',
56            allowParentLinks: true
57        });
58    });
59             
60/*=========================================================================
61	Counter Up Active
62=========================================================================*/
63	var counterSelector = $('.counter');
64	counterSelector.counterUp({
65		delay: 10,
66		time: 1000
67	});
68             
69/*=========================================================================
70    Event Carousel
71=========================================================================*/
72    $('#event-carousel').owlCarousel({
73        loop: true,
74        margin: 15,
75        autoplay: false,
76        smartSpeed: 500,
77        nav: true,
78        navText: ['<i class="ti-arrow-left"></i>', '<i class="ti-arrow-right"></i>'],
79        dots: false,
80        responsive : {
81            0 : {
82                items: 1
83            },
84            480 : {
85                items: 1,
86            },
87            768 : {
88                items: 2,
89            },
90            992 : {
91                items: 2,
92            }
93        }
94    });          
95             
96/*=========================================================================
97    Isotope Active
98=========================================================================*/
99	$('.gallery-items').imagesLoaded( function() {
100
101		 // Add isotope click function
102		$('.gallery-filter li').on( 'click', function(){
103	        $(".gallery-filter li").removeClass("active");
104	        $(this).addClass("active");
105	 
106	        var selector = $(this).attr('data-filter');
107	        $(".gallery-items").isotope({
108	            filter: selector,
109	            animationOptions: {
110	                duration: 750,
111	                easing: 'linear',
112	                queue: false,
113	            }
114	        });
115	        return false;
116	    });
117
118	    $(".gallery-items").isotope({
119	        itemSelector: '.single-item',
120	        layoutMode: 'masonry',
121	    });
122	});
123
124/*=========================================================================
125    Initialize smoothscroll plugin
126=========================================================================*/
127	smoothScroll.init({
128		offset: 60
129	});
130
131/*=========================================================================
132    Testimonial Carousel
133=========================================================================*/
134	$('#testimonial-carousel').owlCarousel({
135        loop: true,
136        margin: 15,
137        autoplay: true,
138        smartSpeed: 500,
139        items: 1,
140        nav: false,
141        dots: true,
142        responsive : {
143			0 : {
144				items: 1,
145			},
146			480 : {
147				items: 2,
148			},
149			768 : {
150				items: 2
151			},
152			992 : {
153				items: 3
154			}
155		}
156    });

157
158/*=========================================================================
159        Sponsor Carousel
160=========================================================================*/
161    $('#sponsor-carousel').owlCarousel({
162        loop: true,
163        margin: 40,
164        autoplay: true,
165        smartSpeed: 500,
166        nav: false,
167        dots: false,
168        responsive : {
169            0 : {
170                items: 2
171            },
172            480 : {
173                items: 3,
174            },
175            768 : {
176                items: 4
177            },
178            992 : {
179                items: 6
180            }
181        }
182    });
183		
184/*=========================================================================
185        Active venobox
186=========================================================================*/
187	$('.img-popup').venobox({
188		numeratio: true,
189		infinigall: true
190	}); 
191
192/*=========================================================================
193	WOW Active
194=========================================================================*/ 
195    new WOW().init();             
196             
197/*=========================================================================
198  Scroll To Top
199=========================================================================*/     
200    $(window).on( 'scroll', function () {
201        if ($(this).scrollTop() > 100) {
202            $('#scroll-to-top').fadeIn();
203        } else {
204            $('#scroll-to-top').fadeOut();
205        }
206    });
207             
208})(jQuery);