PHP Classes

File: theme/js/main.js

Recommend this page to a friend!
  Classes of Abed Nego Ragil Putra   Giga CMS   theme/js/main.js   Download  
File: theme/js/main.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Giga CMS
Multi-user content management system
Author: By
Last change:
Date: 7 years ago
Size: 4,698 bytes
 

Contents

Class file image Download
;(function () { 'use strict'; // iPad and iPod detection var isiPad = function(){ return (navigator.platform.indexOf("iPad") != -1); }; var isiPhone = function(){ return ( (navigator.platform.indexOf("iPhone") != -1) || (navigator.platform.indexOf("iPod") != -1) ); }; // Burger Menu var burgerMenu = function() { $('body').on('click', '.js-fh5co-nav-toggle', function(){ if ( $('#fh5co-navbar').is(':visible') ) { $(this).removeClass('active'); } else { $(this).addClass('active'); } }); }; var owlCrouselFeatureSlide = function() { var owl = $('.owl-carousel'); owl.on('initialized.owl.carousel change.owl.carousel',function(elem){ var current = elem.item.index; $(elem.target).find(".owl-item").eq(current).find(".to-animate").removeClass('fadeInUp animated'); }); owl.on('initialized.owl.carousel changed.owl.carousel',function(elem){ window.setTimeout(function(){ var current = elem.item.index; $(elem.target).find(".owl-item").eq(current).find(".to-animate").addClass('fadeInUp animated'); }, 400); }); owl.owlCarousel({ items: 1, loop: true, margin: 0, responsiveClass: true, nav: true, dots: true, smartSpeed: 500, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, navText: [ "<i class='icon-arrow-left2 owl-direction'></i>", "<i class='icon-arrow-right2 owl-direction'></i>" ], }); }; // Magnific Popup // MagnificPopup var magnifPopup = function() { $('.image-popup').magnificPopup({ type: 'image', removalDelay: 300, mainClass: 'mfp-with-zoom', gallery:{ enabled:true }, zoom: { enabled: true, // By default it's false, so don't forget to enable it duration: 300, // duration of the effect, in milliseconds easing: 'ease-in-out', // CSS transition easing function // The "opener" function should return the element from which popup will be zoomed in // and to which popup will be scaled down // By defailt it looks for an image tag: opener: function(openerElement) { // openerElement is the element on which popup was initialized, in this case its <a> tag // you don't need to add "opener" option if this code matches your needs, it's defailt one. return openerElement.is('img') ? openerElement : openerElement.find('img'); } } }); }; // Animate Feature var animateFeatureIcons = function() { if ( $('#fh5co-features').length > 0 ) { $('#fh5co-features .to-animate').each(function( k ) { var el = $(this); setTimeout ( function () { el.addClass('bounceIn animated'); }, k * 200, 'easeInOutExpo' ); }); } }; // Animate Products var animateProducts = function() { if ( $('#fh5co-products').length > 0 ) { $('#fh5co-products .to-animate').each(function( k ) { var el = $(this); setTimeout ( function () { el.addClass('bounceIn animated'); }, k * 200, 'easeInOutExpo' ); }); } }; // Animate Clients Logo var animateClientLogo = function() { if ( $('#fh5co-clients').length > 0 ) { $('#fh5co-clients .to-animate').each(function( k ) { var el = $(this); setTimeout ( function () { el.addClass('bounceIn animated'); }, k * 200, 'easeInOutExpo' ); }); } }; // Waypoints var featureIconsWayPoint = function() { if ( $('#fh5co-features').length > 0 ) { $('#fh5co-features').waypoint( function( direction ) { if( direction === 'down' && !$(this).hasClass('animated') ) { setTimeout(animateFeatureIcons, 200); $(this).addClass('animated'); } } , { offset: '80%' } ); } }; var productsWayPoint = function() { if ( $('#fh5co-products').length > 0 ) { $('#fh5co-products').waypoint( function( direction ) { if( direction === 'down' && !$(this).hasClass('animated') ) { setTimeout(animateProducts, 200); $(this).addClass('animated'); } } , { offset: '80%' } ); } }; var clientsWayPoint = function() { if ( $('#fh5co-products').length > 0 ) { $('#fh5co-products').waypoint( function( direction ) { if( direction === 'down' && !$(this).hasClass('animated') ) { setTimeout(animateClientLogo, 200); $(this).addClass('animated'); } } , { offset: '80%' } ); } }; $(function(){ burgerMenu(); owlCrouselFeatureSlide(); magnifPopup(); featureIconsWayPoint(); productsWayPoint(); clientsWayPoint(); }); }());