mirror of
				https://github.com/dawidolko/Website-Templates.git
				synced 2025-10-27 16:03:10 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			133 lines
		
	
	
		
			4.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			133 lines
		
	
	
		
			4.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| // Custom Script
 | |
| // Developed by: Samson.Onna
 | |
| // CopyRights : http://webthemez.com
 | |
| var customScripts = {
 | |
|     profile: function () {
 | |
|         // portfolio
 | |
|         if ($('.isotopeWrapper').length) {
 | |
|             var $container = $('.isotopeWrapper');
 | |
|             var $resize = $('.isotopeWrapper').attr('id');
 | |
|             // initialize isotope
 | |
|             $container.isotope({
 | |
|                 itemSelector: '.isotopeItem',
 | |
|                 resizable: false, // disable normal resizing
 | |
|                 masonry: {
 | |
|                     columnWidth: $container.width() / $resize
 | |
|                 }
 | |
|             });
 | |
|             $("a[href='#top']").click(function () {
 | |
|                 $("html, body").animate({ scrollTop: 0 }, "slow");
 | |
|                 return false;
 | |
|             });
 | |
|             $('.navbar-inverse').on('click', 'li a', function () {
 | |
|                 $('.navbar-inverse .in').addClass('collapse').removeClass('in').css('height', '1px');
 | |
|             });
 | |
|             $('#filter a').click(function () {
 | |
|                 $('#filter a').removeClass('current');
 | |
|                 $(this).addClass('current');
 | |
|                 var selector = $(this).attr('data-filter');
 | |
|                 $container.isotope({
 | |
|                     filter: selector,
 | |
|                     animationOptions: {
 | |
|                         duration: 1000,
 | |
|                         easing: 'easeOutQuart',
 | |
|                         queue: false
 | |
|                     }
 | |
|                 });
 | |
|                 return false;
 | |
|             });
 | |
|             $(window).smartresize(function () {
 | |
|                 $container.isotope({
 | |
|                     // update columnWidth to a percentage of container width
 | |
|                     masonry: {
 | |
|                         columnWidth: $container.width() / $resize
 | |
|                     }
 | |
|                 });
 | |
|             });
 | |
|         }
 | |
|     },
 | |
|     fancybox: function () {
 | |
|         // fancybox
 | |
|         $(".fancybox").fancybox();
 | |
|     },
 | |
|     onePageNav: function () {
 | |
| 
 | |
|         $('#mainNav').onePageNav({
 | |
|             currentClass: 'active',
 | |
|             changeHash: false,
 | |
|             scrollSpeed: 950,
 | |
|             scrollThreshold: 0.2,
 | |
|             filter: '',
 | |
|             easing: 'swing',
 | |
|             begin: function () {
 | |
|                 //I get fired when the animation is starting
 | |
|             },
 | |
|             end: function () {
 | |
|                 //I get fired when the animation is ending
 | |
|             },
 | |
|             scrollChange: function ($currentListItem) {
 | |
|                 //I get fired when you enter a section and I pass the list item of the section
 | |
|             }
 | |
|         });
 | |
|     }, 
 | |
|     owlSlider: function () {
 | |
|         var owl = $("#owl-demo");
 | |
|         owl.owlCarousel();
 | |
|         // Custom Navigation Events
 | |
|         $(".next").click(function () {
 | |
|             owl.trigger('owl.next');
 | |
|         })
 | |
|         $(".prev").click(function () {
 | |
|             owl.trigger('owl.prev');
 | |
|         })
 | |
|     },
 | |
|     bannerHeight: function () {
 | |
|         var bHeight = $(".banner-container").height();
 | |
|         $('#da-slider').height(bHeight);
 | |
|         $(window).resize(function () {
 | |
|             var bHeight = $(".banner-container").height();
 | |
|             $('#da-slider').height(bHeight);
 | |
|         });
 | |
|     },
 | |
| 	waySlide: function(){
 | |
| 		  	/* Waypoints Animations
 | |
| 		   ------------------------------------------------------ */
 | |
| 			$('.design').waypoint(function() {
 | |
| 			$('.design .feature-media').addClass( 'animated pulse' );    
 | |
| 			}, { offset: 'bottom-in-view' });
 | |
| 		
 | |
| 			$('.responsive').waypoint(function() {
 | |
| 			$('.responsive .feature-media').addClass( 'animated pulse' );    
 | |
| 			}, { offset: 'bottom-in-view' });
 | |
| 		
 | |
| 			$('.cross-browser').waypoint(function() {
 | |
| 			$('.cross-browser .feature-media').addClass( 'animated pulse' ); 
 | |
| 			}, { offset: 'bottom-in-view' });
 | |
| 		
 | |
| 			$('.mcbook').waypoint(function() {
 | |
| 			$('.mcbook').addClass( 'animated fadeInLeft');     
 | |
| 			}, { offset: 'bottom-in-view' });
 | |
| 		
 | |
| 			$('#services').waypoint(function() {				
 | |
| 			$('#services .col-md-3').addClass( 'animated fadeInUp show' );   
 | |
| 			}, { offset: 'bottom-in-view' });	
 | |
| 				
 | |
| 		},
 | |
| 		fitText: function(){			  
 | |
| 				setTimeout(function() {			
 | |
| 				$('h1.responsive-headline').fitText(1.2, { minFontSize: '20px', maxFontSize: '30px' });			
 | |
| 				}, 100);
 | |
| 		},
 | |
|     init: function () {
 | |
|         customScripts.onePageNav();
 | |
|         customScripts.profile();
 | |
|         customScripts.fancybox(); 
 | |
|         customScripts.owlSlider();
 | |
| 		customScripts.waySlide();
 | |
| 		customScripts.fitText();
 | |
|         customScripts.bannerHeight();
 | |
|     }
 | |
| }
 | |
| $('document').ready(function () {
 | |
|     customScripts.init();
 | |
| }); |