https://www.sudenmarja.org/assets2/js/scripts.js

1
2/* Portfolio */
3$(window).load(function() {
4    var $cont = $('.portfolio-group');
5    
6    $cont.isotope({
7        itemSelector: '.portfolio-group .portfolio-item',
8        masonry: {columnWidth: $('.isotope-item:first').width(), gutterWidth: -20, isFitWidth: true},
9        filter: '*',
10    });
11
12    $('.portfolio-filter-container a').click(function() {
13        $cont.isotope({
14            filter: this.getAttribute('data-filter')
15        });
16
17        return false;
18    });
19
20    var lastClickFilter = null;
21    $('.portfolio-filter a').click(function() {
22
23        //first clicked we don't know which element is selected last time
24        if (lastClickFilter === null) {
25            $('.portfolio-filter a').removeClass('portfolio-selected');
26        }
27        else {
28            $(lastClickFilter).removeClass('portfolio-selected');
29        }
30
31        lastClickFilter = this;
32        $(this).addClass('portfolio-selected');
33    });
34
35});
36
37/* Image Hover  - Add hover class on hover */
38$(document).ready(function(){
39    if (Modernizr.touch) {
40        // show the close overlay button
41        $(".close-overlay").removeClass("hidden");
42        // handle the adding of hover class when clicked
43        $(".image-hover figure").click(function(e){
44            if (!$(this).hasClass("hover")) {
45                $(this).addClass("hover");
46            }
47        });
48        // handle the closing of the overlay
49        $(".close-overlay").click(function(e){
50            e.preventDefault();
51            e.stopPropagation();
52            if ($(this).closest(".image-hover figure").hasClass("hover")) {
53                $(this).closest(".image-hover figure").removeClass("hover");
54            }
55        });
56    } else {
57        // handle the mouseenter functionality
58        $(".image-hover figure").mouseenter(function(){
59            $(this).addClass("hover");
60        })
61        // handle the mouseleave functionality
62        .mouseleave(function(){
63            $(this).removeClass("hover");
64        });
65    }
66});
67
68// thumbs animations
69$(function () {
70    
71    $(".thumbs-gallery i").animate({
72             opacity: 0
73    
74          }, {
75             duration: 300,
76             queue: false
77          });
78
79   $(".thumbs-gallery").parent().hover(
80       function () {},
81       function () {
82          $(".thumbs-gallery i").animate({
83             opacity: 0
84          }, {
85             duration: 300,
86             queue: false
87          });
88   });
89 
90   $(".thumbs-gallery i").hover(
91      function () {
92          $(this).animate({
93             opacity: 0
94    
95          }, {
96             duration: 300,
97             queue: false
98          });
99
100          $(".thumbs-gallery i").not( $(this) ).animate({
101             opacity: 0.4         }, {
102             duration: 300,
103             queue: false
104          });
105      }, function () {
106      }
107   );
108
109});
110
111// Mobile Menu
112    $(function(){
113        $('#hornavmenu').slicknav();
114        $( "div.slicknav_menu" ).addClass( "hidden-lg" );
115    });
116
117// Sticky Div
118  $(window).load(function(){
119    $("#hornav").sticky({ topSpacing: 0 });
120  });