https://oneoptimumlifestyles.com/v2/js/custom.js

1/*------------------------------------------------------------------
2Template Name:  N. agency - Responisve Landing Page for Agency
3Version:        1.0
4Last update:    12/17/2017
5Author:         tabthemes
6URL:            http://www.tabthemes.com/
7-------------------------------------------------------------------*/
8
9$(function () {
10	'use strict';
11
12/*--------------------------------------------------
13    Stellar Parallax Animation
14---------------------------------------------------*/
15
16  $(window).stellar({
17    responsive: true,
18    horizontalOffset: 0,
19    horizontalScrolling: false
20  });
21
22
23/*--------------------------------------------------
24    WOW Effects Animation
25---------------------------------------------------*/
26
27  var wow = new WOW({
28    boxClass:     'wow',      // animated element css class (default is wow)
29    animateClass: 'animated', // animation css class (default is animated)
30    offset:       100,          // distance to the element when triggering the animation (default is 0)
31    mobile:       false        // trigger animations on mobile devices (true is default)
32  });
33  wow.init();
34
35
36/*--------------------------------------------------
37    Preloader Page 
38---------------------------------------------------*/
39
40  $(window).load(function () {
41    $("#preloader").delay(600).fadeOut("slow");
42  });
43
44
45/*--------------------------------------------------
46    Menu Features 
47---------------------------------------------------*/
48
49  // Sticky Navigation
50  
51  $(window).scroll(function(){
52    if ($(window).scrollTop() > 1 && $('.navbar-toggle').is(":hidden")){
53      $('.navigation-overlay, .navigation, .nav-solid').addClass("sticky");
54      $('.logo-wrap').addClass("shrink");
55    } else {
56      $('.navigation-overlay, .navigation, .nav-solid').removeClass("sticky");
57      $('.logo-wrap').removeClass("shrink");
58    }
59  });
60  
61  // Closes the Responsive Menu on Menu Item Click        
62  $('.navbar-collapse ul li a').on('click',function() {
63    $(".navbar-collapse").collapse('hide');
64  });
65  
66  // Mobile Menu Resize
67  $(".navbar .navbar-collapse").css("max-height", $(window).height() - $(".navbar-header").height() );
68
69
70/*--------------------------------------------------
71    Page Scroll Features 
72---------------------------------------------------*/
73
74  smoothScroll.init({
75    speed: 2000,
76    updateURL: false,
77    offset: 70
78  });
79  
80
81/*--------------------------------------------------
82    Owl Carousel Testimonials 
83---------------------------------------------------*/
84
85  $("#owl-testimonials").owlCarousel({
86    loop:true,
87    margin:20,
88    nav:true,
89    dots: false,
90    navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
91    autoHeight: true,
92    items:1
93  });
94
95
96/*--------------------------------------------------
97    Owl Carousel Blog 
98---------------------------------------------------*/
99
100  $("#owl-blog").owlCarousel({
101    loop:true,
102    margin:20,
103    nav:true,
104    dots: false,
105    navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'], 
106    responsive:{
107        0:{
108            items:1
109        },
110        480:{
111            items:2
112        },
113        768:{
114            items:2
115        },
116        992:{
117            items:3
118        }
119    }
120    
121  });
122
123/*--------------------------------------------------
124    Owl Carousel Clients 
125---------------------------------------------------*/
126
127  $("#owl-clients").owlCarousel({
128    loop:true,
129    margin:20,
130    nav:false,
131    dots: false,
132    autoplay: true,
133    autoplayTimeout: 3000,
134    responsive:{
135        0:{
136            items:2
137        },
138        480:{
139            items:3
140        },
141        768:{
142            items:4
143        },
144        992:{
145            items:4
146        },
147        1170:{
148            items:5
149        }
150    }
151  });
152
153
154/*--------------------------------------------------
155    Stat Counter
156---------------------------------------------------*/
157  $(".stat-item-number").appear(function() {
158    var count = $(this);
159    count.countTo({
160        from: 0,
161        to: count.html(),
162        speed: 3000,
163        refreshInterval: 60,
164    });
165  });
166
167  
168
169/*--------------------------------------------------
170    Magnific Popup
171---------------------------------------------------*/       
172  $(".lightbox-image").magnificPopup({
173      type: 'image',
174      gallery: {
175          enabled: true
176      },
177      mainClass: "mfp-fade"
178
179  });
180
181  $(".individual-gallery").magnificPopup({
182      type: 'image',
183      gallery: {
184          enabled: true
185      },
186      mainClass: "mfp-fade"
187
188  });
189
190  $('.lightbox-video').magnificPopup({
191      disableOn: 700,
192      type: 'iframe',
193      mainClass: 'mfp-fade',
194      removalDelay: 160,
195      preloader: false,

196      fixedContentPos: false
197  });
198
199
200  /*--------------------------------------------------
201    Portfolio Isotope 
202---------------------------------------------------*/ 
203
204  if ($.fn.isotope && $.fn.imagesLoaded && ($('.portfolio').length > 0)) {
205
206      $('.portfolio-isotope').imagesLoaded(function() {
207
208          $('.iso-button').on("click", function() {
209              $('.iso-button').removeClass('iso-active');
210              $(this).addClass('iso-active');
211
212              var selector = $(this).attr('data-filter');
213              container.isotope({
214                  filter: selector
215              });
216
217              return false;
218          });
219
220          $(window).resize(function() {
221              container.isotope({});
222
223          });
224
225          var container = $('.portfolio-isotope');
226
227          container.isotope({
228              itemSelector: '.pf-item',
229              transitionDuration: '0.6s',
230              layoutMode: 'fitRows'
231
232          });
233
234      });
235  }
236
237
238/*--------------------------------------------------
239    Youtube Video Background
240---------------------------------------------------*/
241
242  $(function() {
243      $(".video-player").YTPlayer();
244  });
245
246
247/*--------------------------------------------------
248    CountTo Facts 
249---------------------------------------------------*/
250
251  $('.countup').appear(function() {
252    var count_element =  $(this);
253        count_element.countTo({
254          from: 0,
255          to: parseInt( count_element.text() , 10 ) ,
256          speed: 3000
257        });
258  });
259
260
261/* ---------------------------------------------
262 Height 100%
263 --------------------------------------------- */
264
265  $(function () {
266      $(".js-height-full").height($(window).height());
267      $(".js-height-parent").each(function(){
268          $(this).height($(this).parent().first().height());
269      });
270  });
271
272
273/*--------------------------------------------------
274  Back to Top
275---------------------------------------------------*/
276
277  if ($('#back-to-top').length) {
278    var scrollTrigger = 100, // px
279        backToTop = function() {
280            var scrollTop = $(window).scrollTop();
281            if (scrollTop > scrollTrigger) {
282                $('#back-to-top').addClass('show');
283            } else {
284                $('#back-to-top').removeClass('show');
285            }
286        };
287    backToTop();
288    $(window).on('scroll', function() {
289        backToTop();
290    });
291    $('#back-to-top').on('click', function(e) {
292        e.preventDefault();
293        $('html,body').animate({
294            scrollTop: 0
295        }, 700);
296    });
297  }
298
299
300});