145 lines
3.3 KiB
JavaScript
145 lines
3.3 KiB
JavaScript
var $cards = $('#items .full-works');
|
|
var $card = $('#items .card');
|
|
var $cat = $('.cat-list .cat a');
|
|
var $img = $('.item #items .img');
|
|
|
|
function masonry() {
|
|
var $grid = $cards.masonry({
|
|
itemSelector: '.card',
|
|
columnWidth: '.card',
|
|
percentPosition: true,
|
|
gutter: 10,
|
|
isAnimated: true,
|
|
transitionDuration: '0.5s'
|
|
});
|
|
|
|
var $grid2 = $img.masonry({
|
|
itemSelector: '.img-card',
|
|
columnWidth: '.img-card',
|
|
percentPosition: true,
|
|
gutter: 10,
|
|
transitionDuration: '0.2s'
|
|
});
|
|
|
|
$(".cat-list .btn a").click(function(e) {
|
|
e.preventDefault();
|
|
|
|
$('.active').removeClass('active');
|
|
$(this).addClass('active');
|
|
|
|
var filter = $(this).attr("data-filter");
|
|
var self = $('#body-wrapper #items .full-works');
|
|
|
|
self.masonryFilter({
|
|
filter: function () {
|
|
if (!filter) return true;
|
|
return $(this).attr("data-filter") == filter;
|
|
}
|
|
});
|
|
});
|
|
|
|
$grid.imagesLoaded().progress(function() {
|
|
$grid.masonry();
|
|
});
|
|
|
|
$grid2.imagesLoaded().progress(function() {
|
|
$grid2.masonry();
|
|
});
|
|
}
|
|
|
|
function filteritem() {
|
|
var $card = $('#body > .card');
|
|
var $cat = $('.cat a');
|
|
var $img = $('#body .img');
|
|
}
|
|
|
|
function contact() {
|
|
var $contact = $('header .contact');
|
|
|
|
$contact.on('click', function() {
|
|
if ($(this).hasClass('open')) {
|
|
$(this).removeClass('open');
|
|
$(this).addClass('close');
|
|
} else {
|
|
$(this).addClass('open');
|
|
$(this).removeClass('close');
|
|
}
|
|
})
|
|
}
|
|
|
|
var $page = $('#page-wrapper.blog');
|
|
function customscroll($page_item) {
|
|
var $page_item = $("body.blog #start, body.item");
|
|
|
|
$page_item.mCustomScrollbar({
|
|
theme: "dark",
|
|
scrollbarPosition: "outside",
|
|
scrollInertia: 1000,
|
|
callbacks: {
|
|
onInit: function(){
|
|
$('.top').on('click', function() {
|
|
event.preventDefault()
|
|
$page_item.mCustomScrollbar('scrollTo',['top',null]);
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
$("body").mCustomScrollbar({
|
|
theme: "dark",
|
|
scrollbarPosition: "outside",
|
|
callbacks: {
|
|
whileScrolling: function() {
|
|
var pct = this.mcs.topPct;
|
|
if (pct < 1) {
|
|
} else {
|
|
$page.addClass("down");
|
|
$page_item.mCustomScrollbar("disable",true);
|
|
}
|
|
setTimeout(function(){
|
|
$page_item.mCustomScrollbar("update");
|
|
}, 2000);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function clickscroll() {
|
|
var $btnscroll = $('.scroll');
|
|
$btnscroll.on('click', function() {
|
|
$page.addClass("down");
|
|
})
|
|
}
|
|
|
|
function transitionPage() {
|
|
// var $links = $('a');
|
|
// $links.on('click', function(e) {
|
|
// var $link = $(this).attr("href");
|
|
// setTimeout(function() {
|
|
// window.location.href = $link;
|
|
// }, 10000);
|
|
//
|
|
// $links.parents('#top').fadeOut()
|
|
// })
|
|
|
|
$("a:not(.filter)").click(function(e) {
|
|
var link = $(this).attr("href");
|
|
$(this).parents('#top').fadeOut()
|
|
setTimeout(function() {
|
|
window.location.href = link;
|
|
}, 600);
|
|
e.preventDefault();
|
|
});
|
|
$('#top').fadeIn(1000).removeClass('hidden');
|
|
}
|
|
|
|
jQuery(document).ready(function($) {
|
|
masonry();
|
|
filteritem();
|
|
contact();
|
|
customscroll();
|
|
clickscroll();
|
|
transitionPage();
|
|
// $('#top').fadeIn();
|
|
});
|