69 lines
1.9 KiB
JavaScript
69 lines
1.9 KiB
JavaScript
jQuery(document).ready(function($) {
|
|
|
|
//window scrolls check
|
|
$(window).scroll(function() {
|
|
var topOfWindow = $(window).scrollTop();
|
|
// console.log('topOfWindow',topOfWindow);
|
|
if (topOfWindow > 100) {
|
|
$("#top-bar").addClass("reduced");
|
|
}
|
|
else {
|
|
$("#top-bar").removeClass("reduced");
|
|
}
|
|
});
|
|
|
|
// init categories content images behaviour
|
|
// console.log($(window).width());
|
|
if( $(window).width() > 600 && $('body').is('.home')){
|
|
|
|
|
|
// init Isotope
|
|
var $grid = $('.grid').isotope({
|
|
itemSelector: '.grid-block',
|
|
transitionDuration: '0.4s'
|
|
});
|
|
|
|
// $('.grid .grid-block')
|
|
// .hide()
|
|
// .imagesLoaded().progress( function( imgLoad, image ) {
|
|
// // get item
|
|
// // image is imagesLoaded class, not <img>, <img> is image.img
|
|
// var $item = $( image.img ).parents('.grid-block');
|
|
// // un-hide item
|
|
// $item.show();
|
|
// // isotope does its thing
|
|
// $grid.appended( $item );
|
|
// });
|
|
|
|
$grid.imagesLoaded().progress(function(){
|
|
$grid.isotope('layout');
|
|
});
|
|
|
|
// filter items on button click
|
|
$('nav.categories a').on( 'click', function(e) {
|
|
e.preventDefault();
|
|
if($(this).is('.active')){
|
|
location.hash = '';
|
|
}else{
|
|
var filterValue = $(this).attr('data-filter');
|
|
location.hash = encodeURIComponent( filterValue );
|
|
}
|
|
return false;
|
|
});
|
|
|
|
function onHashchange() {
|
|
var hashFilter = decodeURIComponent(location.hash.replace('#', ''));
|
|
$('nav.categories a').removeClass('active');
|
|
if ( !hashFilter ) {
|
|
$grid.isotope({filter: '*'});
|
|
}else{
|
|
$('nav.categories a[data-filter='+hashFilter+']').addClass('active');
|
|
$grid.isotope({filter: '.'+hashFilter});
|
|
}
|
|
}
|
|
|
|
$(window).on( 'hashchange', onHashchange );
|
|
onHashchange();
|
|
}
|
|
});
|