mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2026-03-23 02:52:18 +00:00
Website templates
This commit is contained in:
@@ -0,0 +1,102 @@
|
||||
function initNavbar() {
|
||||
|
||||
var scrollSpeed = 750;
|
||||
var scrollOffset = 68;
|
||||
var easing = 'swing';
|
||||
|
||||
$('#navbar-top .navbar-default ul.nav').onePageNav({
|
||||
currentClass: 'active',
|
||||
changeHash: false,
|
||||
scrollSpeed: scrollSpeed,
|
||||
scrollOffset: scrollOffset,
|
||||
scrollThreshold: 0.5,
|
||||
filter: ':not(.external)',
|
||||
easing: easing
|
||||
});
|
||||
|
||||
$('.nav-external').click(function (e) {
|
||||
e.preventDefault();
|
||||
$('html, body').stop().animate({
|
||||
scrollTop: $($(this).attr("href")).offset().top - scrollOffset
|
||||
}, scrollSpeed, easing);
|
||||
});
|
||||
|
||||
$('#navbar-top .navbar-default').affix({
|
||||
offset: {
|
||||
top: $('#home').height()
|
||||
}
|
||||
});
|
||||
}
|
||||
function initPortfolio () {
|
||||
var portfolio = $('#portfolio');
|
||||
var items = $('.items', portfolio);
|
||||
var filters = $('.filters li a', portfolio);
|
||||
|
||||
items.imagesLoaded(function() {
|
||||
items.isotope({
|
||||
itemSelector: '.item',
|
||||
layoutMode: 'fitRows',
|
||||
transitionDuration: '0.7s'
|
||||
});
|
||||
});
|
||||
|
||||
filters.click(function(){
|
||||
var el = $(this);
|
||||
filters.removeClass('active');
|
||||
el.addClass('active');
|
||||
var selector = el.attr('data-filter');
|
||||
items.isotope({ filter: selector });
|
||||
return false;
|
||||
});
|
||||
}
|
||||
function initAnimations() {
|
||||
$('.animated').appear(function () {
|
||||
var el = $(this);
|
||||
var animation = el.data('animation');
|
||||
var delay = el.data('delay');
|
||||
if (delay) {
|
||||
setTimeout(function () {
|
||||
el.addClass(animation);
|
||||
el.addClass('showing');
|
||||
el.removeClass('hiding');
|
||||
}, delay);
|
||||
} else {
|
||||
el.addClass(animation);
|
||||
el.addClass('showing');
|
||||
el.removeClass('hiding');
|
||||
}
|
||||
}, {
|
||||
accY: -60
|
||||
});
|
||||
|
||||
// Service hover animation
|
||||
$('.service').hover(function(){
|
||||
$('i', this).addClass('animated tada');
|
||||
},function(){
|
||||
$('i', this).removeClass('animated tada');
|
||||
});
|
||||
}
|
||||
function initStart(){
|
||||
var homeHeight = $(window).innerHeight()-69;
|
||||
$('#home').height(homeHeight);
|
||||
// fancybox
|
||||
$(".fancybox").fancybox();
|
||||
$('.collapse ul li a').click(function(){
|
||||
$(this).parents('.collapse').removeClass('in');
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
initStart()
|
||||
initNavbar();
|
||||
initPortfolio();
|
||||
initAnimations();
|
||||
$(window).resize(function(){
|
||||
initStart()
|
||||
});
|
||||
});
|
||||
$(window).load(function () {
|
||||
$(".loader .fading-line").fadeOut();
|
||||
$(".loader").fadeOut("slow");
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user