|
@@ -50,12 +50,17 @@ function masonry() {
|
|
|
function burger() {
|
|
|
var hamburgers = document.querySelector(".hamburger");
|
|
|
var nav = document.querySelector(".nav-main");
|
|
|
+ var $nav_li = $('.nav-main li a');
|
|
|
hamburgers.addEventListener("click", function() {
|
|
|
this.classList.toggle("is-active");
|
|
|
nav.classList.toggle("is-active");
|
|
|
});
|
|
|
-}
|
|
|
+ $nav_li.on( 'click', function() {
|
|
|
+ hamburgers.classList.remove('is-active');
|
|
|
+ nav.classList.remove('is-active');
|
|
|
+ });
|
|
|
|
|
|
+}
|
|
|
|
|
|
function paralax() {
|
|
|
var rellax = new Rellax('.paralax', {
|
|
@@ -64,13 +69,19 @@ function paralax() {
|
|
|
}
|
|
|
|
|
|
function isotope() {
|
|
|
+
|
|
|
var $grid = $('.grid').isotope({
|
|
|
percentPosition: true,
|
|
|
+ itemSelector: '.thumbnails',
|
|
|
+ layoutMode: 'masonry',
|
|
|
masonry: {
|
|
|
- columnWidth: '.thumbnails'
|
|
|
+ columnWidth: '.thumbnails',
|
|
|
},
|
|
|
- itemSelector: '.thumbnails',
|
|
|
- stagger: 30
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.grid').imagesLoaded().progress( function(instance, imageObj) {
|
|
|
+ $(imageObj.img).fadeIn(300);
|
|
|
+ $('.grid').isotope('layout');
|
|
|
});
|
|
|
|
|
|
$('.cat-list li').on( 'click', function(evt) {
|
|
@@ -99,7 +110,6 @@ function click_nav() {
|
|
|
}
|
|
|
|
|
|
function scrollto(){
|
|
|
-
|
|
|
$(window).scroll(function() {
|
|
|
var scroll = $(window).scrollTop();
|
|
|
if (scroll >= 100) {
|
|
@@ -108,17 +118,17 @@ function scrollto(){
|
|
|
$(".logo a").removeClass("reduct");
|
|
|
}
|
|
|
});
|
|
|
-
|
|
|
}
|
|
|
|
|
|
+
|
|
|
$( document ).ready(function() {
|
|
|
burger();
|
|
|
+ click_nav();
|
|
|
slides();
|
|
|
+ isotope();
|
|
|
// masonry();
|
|
|
// paralax();
|
|
|
- isotope();
|
|
|
// drag();
|
|
|
- click_nav();
|
|
|
if (window.width >= 578) {
|
|
|
scrollto();
|
|
|
}
|