add anime+boucleproj

user/themes/gilles_acezat/js/site.js

@@ -4,128 +4,97 @@ var $cat = $('.cat-list .cat a');
 var $img = $('.item #items .img');
 
 function masonry() {
-  var $grid = $cards.masonry({
-    itemSelector: '.card',
-    columnWidth: '.card',
-    percentPosition: true,
-    transitionDuration: '0.2s'
-  });
+    var $grid = $cards.masonry({
+        itemSelector: '.card',
+        columnWidth: '.card',
+        percentPosition: true,
+        gutter: 10,
+        transitionDuration: '0.2s'
+    });
+    var $grid2 = $img.masonry({
+        itemSelector: '.img-card',
+        columnWidth: '.img-card',
+        percentPosition: true,
+        gutter: 10,
+        transitionDuration: '0.2s'
+    });
+    $grid.imagesLoaded().progress(function() {
+        $grid.masonry();
+    });
+    $grid2.imagesLoaded().progress(function() {
+        $grid2.masonry();
+    });
+}
 
-  var $grid2 = $img.masonry({
-    itemSelector: '.img-card',
-    columnWidth: '.img-card',
-    percentPosition: true,
-    gutter: 20,
-    transitionDuration: '0.2s'
-  });
+function filteritem() {
+    var $container = $('#masonryContainer');
 
-  $grid.imagesLoaded().progress( function() {
-    $grid.masonry();
-  });
-
-  $grid2.imagesLoaded().progress( function() {
-    $grid2.masonry();
-  });
+    $cards.multipleFilterMasonry({
+        itemSelector: '.card',
+        filtersGroupSelector: '.cat-list'
+    });
 }
 
 function contact() {
-  var $contact = $('header .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');
+        }
+    })
+}
+
+function customscroll() {
+  var $page = $('#page-wrapper.blog')
+  var $page_item = $("body.blog #start, body.item");
+
+  $("body").mCustomScrollbar({
+      theme: "dark",
+      scrollbarPosition: "outside",
+      callbacks: {
+          whileScrolling: function() {
+              var pct = this.mcs.topPct;
+              if (pct < 1) {
+                $page.addClass("up");
+                $page.removeClass("down");
+              } else {
+                $page.removeClass("up");
+                $page.addClass("down")
+              }
+          }
+      }
+  });
+
+  $page_item.mCustomScrollbar({
+    theme: "dark",
+    scrollbarPosition: "outside",
+    scrollInertia: 1000,
+  });
+}
+
+function scrolltop() {
+  var $top = $('.top');
+
+  $top.on('click', function(e) {
+    // e.preventDefault()
 
-  $contact.on('click',function() {
-    if ($(this).hasClass('open')) {
-      $(this).removeClass('open');
-      $(this).addClass('close');
-    } else {
-      $(this).addClass('open');
-      $(this).removeClass('close');
-    }
   })
 }
 
-function scroll() {
-  // left: 37, up: 38, right: 39, down: 40,
-  // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
-  if ($('#page-wrapper.blog').length > 0){
+jQuery(document).ready(function($) {
+    masonry();
+    filteritem();
+    contact();
+    customscroll();
+    // scrolltop();
 
-    $(window).bind('mousewheel DOMMouseScroll', function(event){
-      var $height = $(window).scrollTop();
-      var $heightW = $(window).height();
-      var wh = $heightW - $height;
-
-      var keys = {32: 1, 37: 1, 38: 1, 39: 1, 40: 1};
-
-      function preventDefault(e) {
-        e = e || window.event;
-        if (e.preventDefault)
-        e.preventDefault();
-        e.returnValue = false;
-      }
-
-      function preventDefaultForScrollKeys(e) {
-        if (keys[e.keyCode]) {
-          preventDefault(e);
-        return false;
-        }
-      }
-
-      function disablescroll() {
-        if (window.addEventListener) // older FF
-        window.addEventListener('DOMMouseScroll', preventDefault, false);
-        window.onwheel = preventDefault; // modern standard
-        window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
-        window.ontouchmove  = preventDefault; // mobile
-        document.ontouchmove = function(e) {
-          var target = e.currentTarget;
-          while(target) {
-            if(checkIfElementShouldScroll(target))
-            return;
-            target = target.parentNode;
-          }
-          e.preventDefault();
-        };
-        document.onkeydown  = preventDefaultForScrollKeys;
-      }
-
-      function enableScroll() {
-        if (window.removeEventListener)
-        window.removeEventListener('DOMMouseScroll', preventDefault, false);
-        window.onmousewheel = document.onmousewheel = null;
-        window.onwheel = null;
-        window.ontouchmove = null;
-        document.onkeydown = null;
-        var aTag = $("#start");
-        $('html,body').animate({scrollTop: aTag.offset().top},'slow');
-      }
-
-      if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
-        if (wh > 0) {
-          console.log('up');
-          $('.blog header').removeClass('hide');
-          $('.blog #start').removeClass('visible');
-          // disablescroll();
-          // setTimeout(enableScroll, 500);
-          $('.blog #start #items').removeClass('fixed');
-        }
-      }else {
-        if (wh > 0) {
-          console.log('down');
-          $('.blog header').addClass('hide');
-          $('.blog #start').addClass('visible');
-          disablescroll();
-          setTimeout(enableScroll, 500);
-          $('.blog #start #items').addClass('fixed');
-        }
-      }
-    });
-  }
-}
-
-jQuery(document).ready(function($){
-  masonry();
-  contact();
-  scroll();
-  $(window).load(function(){
-    $('html, body').scrollTop(0);
-});
+    // $(window).load(function() {
+    //     $('html, body').scrollTop(0);
+    // });
 
 });