(function($) { "use strict"; /* |-------------------------------------------------------------------------- | template name: buildm | version: 1.0.1 |-------------------------------------------------------------------------- |-------------------------------------------------------------------------- | table of contents: |-------------------------------------------------------------------------- | | 1. scripts initialization | 2. preloader | 3. primary menu | 4. scroll function | 5. scroll up | 6. owl carousel | 7. smooth scroll | 8. tab | 9. accordian | 10. portfolio | 11. portfolio load more | 12. magnific popup | 13. tamjid counter | */ /*-------------------------------------------------------------- 1. scripts initialization --------------------------------------------------------------*/ // 注释加载特效 // $(window).on('load', function() { // $(window).trigger("scroll"); // $(window).trigger("resize"); // preloadersetup(); // portfoliomssetup(); // }); $(document).ready(function() { $(window).trigger("resize"); primarymenusetup(); mobilemenu(); scrollup(); owlcarouselsetup(); smoothscrollsetup(); tabsetup(); accordiansetup(); portfoliomssetup(); portfolioloadmoresetup(); magnificpopupsetup(); counterup(); new wow().init(); $('.parallax').parallax("50%", 0.3); }); $(window).on('resize', function() { mobilemenu(); portfoliomssetup(); portfolioloadmoresetup(); }); $(window).on('scroll', function() { scrollfunction(); }); /*-------------------------------------------------------------- 2. preloader 注释加载特效 --------------------------------------------------------------*/ // function preloadersetup() { // // $("body").imagesloaded(function () { // $(".t-circle").fadeout(); // $("#preloader").delay(200).fadeout("slow").remove(); // }); // // } /*-------------------------------------------------------------- 3. primary menu --------------------------------------------------------------*/ function primarymenusetup() { $( ".primary-nav-list" ).before( "" ); $(".m-menu-btn").on('click', function(){ $( this ).toggleclass( "m-menu-btn-ext" ); $(this).siblings('.primary-nav-list').slidetoggle("slow"); }); $( ".menu-item-has-children > ul" ).before( "" ); $('.m-dropdown').on('click', function() { $(this).siblings('ul').slidetoggle("slow"); $(this).toggleclass("fa-plus fa-minus") }); } function mobilemenu() { if ($(window).width() <= 983){ $('.primary-nav').addclass('m-menu').removeclass('primary-nav'); } else { $('.m-menu').addclass('primary-nav').removeclass('m-menu'); } } /*-------------------------------------------------------------- 4. scroll function --------------------------------------------------------------*/ function scrollfunction() { var scroll = $(window).scrolltop(); if(scroll >= 10) { $(".site-header").addclass("small-height"); } else { $(".site-header").removeclass("small-height"); } /* for header version-2 */ if(scroll >= 55) { $(".site-header-v1").addclass("small-height-v2"); } else { $(".site-header-v1").removeclass("small-height-v2"); } if(scroll >= 350) { $(".scrollup").addclass("scrollup-show"); } else { $(".scrollup").removeclass("scrollup-show"); } } /*-------------------------------------------------------------- 5. scroll up --------------------------------------------------------------*/ function scrollup() { $( "body" ).append( "" ); $('.scrollup').on('click', function(e) { e.preventdefault(); $('html,body').animate({ scrolltop: 0 }, 1000); }); } /*-------------------------------------------------------------- 6. owl carousel --------------------------------------------------------------*/ function owlcarouselsetup() { /* owl carousel for partner logo hero-slider-v1 */ $('.hero-slider-v1').owlcarousel({ items:1, loop:true, margin:0, nav:false, dots:true, autoplay:true, autoplayhoverpause:false, smartspeed:900, autoplaytimeout:5000 }); /* owl carousel for partner logo hero-slider-v2 */ $('.hero-slider-v2').owlcarousel({ items:1, loop:true, margin:0, nav:true, navtext:['', ''], dots:false, autoplay:true, autoplayhoverpause:false, smartspeed:1200, animateout: 'fadeout', animatein: 'fadein', autoplaytimeout:5000 }); /* owl carousel for partner logo hero-slider-v3 */ $('.hero-slider-v3').owlcarousel({ items:1, loop:true, margin:0, nav:false, dots:true, autoplay:true, autoplayhoverpause:false, smartspeed:1200, animateout: 'fadeout', animatein: 'fadein', autoplaytimeout:5000 }); /* owl carousel for partner logo */ $('.partner-logo').owlcarousel({ loop:true, margin:30, nav:false, navtext:false, autoplay:true, smartspeed:600, autoplaytimeout:2500, responsive:{ 0:{ items:2 }, 600:{ items:3 }, 800:{ items:4 }, 1000:{ items:5 } } }); /* owl carousel for partner logo testimonial-v1 */ $('.testimonial-v1').owlcarousel({ items:1, loop:true, margin:0, nav:true, navtext:['', ''], autoplay:false, smartspeed:600, autoplaytimeout:500 }); /* owl carousel for partner logo testimonial-v2 */ $('.testimonial-v2').owlcarousel({ loop:true, margin:30, nav:false, navtext:false, dots:true, autoplay:true, smartspeed:700, autoplaytimeout:4000, responsive:{ 0:{ items:1 }, 800:{ items:2 } } }); } /*-------------------------------------------------------------- 7. smooth scroll --------------------------------------------------------------*/ function smoothscrollsetup() { if (typeof smoothscroll == 'object') { smoothscroll.init(); } } /*-------------------------------------------------------------- 8. tab --------------------------------------------------------------*/ function tabsetup() { $(".nav-tabs a").on('click', function() { $(this).tab('show'); }); $('.nav-tabs a').on('shown.bs.tab', function(event){ var x = $(event.target).text(); // active tab var y = $(event.relatedtarget).text(); // previous tab $(".act span").text(x); $(".prev span").text(y); }); } /*-------------------------------------------------------------- 9. accordian --------------------------------------------------------------*/ function accordiansetup() { var $this = $(this); $( ".accordian-head" ).append( "" ); $('.single-accordian').filter(':nth-child(n+2)').children('.accordian-body').hide(); $('.single-accordian:first-child').children('.accordian-head').addclass('active'); $('.accordian-head').on('click', function() { $(this).parent('.single-accordian').siblings().children('.accordian-body').slideup(); $(this).siblings().slidetoggle(); /* accordian active class */ $(this).toggleclass('active'); $(this).parent('.single-accordian').siblings().children('.accordian-head').removeclass('active'); }); } /*-------------------------------------------------------------- 10. portfolio --------------------------------------------------------------*/ function portfoliomssetup() { $('.portfolio').isotope({ itemselector: '.portfolio-item', transitionduration: '0.60s', percentposition: true, masonry: { columnwidth: '.grid-sizer' } }); /* active class of portfolio*/ $('.portfolio-filter ul li').on('click', function(event) { $(this).siblings('.active').removeclass('active'); $(this).addclass('active'); event.preventdefault(); }); /*=== portfolio filtering ===*/ $('.portfolio-filter ul').on('click', 'a', function() { var filterelement = $(this).attr('data-filter'); $(this).parents(".portfolio-filter").next().isotope({ filter: filterelement }); }); } /*-------------------------------------------------------------- 11. portfolio load more --------------------------------------------------------------*/ function nomoreportfolio($button) { $button.text('no more portfolio item'); settimeout(function() { $button.slideup(300); },4000); } function portfolioloadmoresetup() { $(document).on('click',".load-more-btn", function() { var load_more_button = $(this); var loaded = parseint($(this).attr('data-loaded')); var maxload = parseint($(this).attr('data-maxload')); if( maxload <= loaded ) { nomoreportfolio(load_more_button); return; } load_more_button.text("loading..."); $.ajax({ 'url': $(this).data('source'), 'success' :function(response) { var $items = $(response); $('#portfolio_box') .append($items) .isotope('appended',$items); loaded++; load_more_button .attr('data-loaded', loaded) .text("load more"); if( maxload <= loaded ) { nomoreportfolio(load_more_button); } } }); }); } /*-------------------------------------------------------------- 12. magnific popup --------------------------------------------------------------*/ function magnificpopupsetup() { $('.zoom-gallery').magnificpopup({ delegate: 'a', type: 'image', closeoncontentclick: false, closebtninside: false, mainclass: 'mfp-with-zoom mfp-img-mobile', gallery: { enabled: true }, zoom: { enabled: true, duration: 300, // don't foget to change the duration also in css opener: function(element) { return element.find('img'); } } }); } /*-------------------------------------------------------------- 13. tamjid counter --------------------------------------------------------------*/ function counterup() { $('.counter').tamjidcounter({ duration: 3000, delay: 0, easing: 'swing' }); } })(jquery); // end of use strict