https://mondial-de-football.com/js/portfolio.js

1
2
3$(document).ready(function ($) {
4	'use strict';
5
6
7	// init Isotope
8	var $grid = $('.grid').isotope({
9		itemSelector: '.grid-item',
10		percentPosition: true,
11		masonry: {
12			columnWidth: '.grid-sizer'
13		}
14	});
15	// filter functions
16	var filterFns = {
17		// show if number is greater than 50
18		numberGreaterThan50: function () {
19			var number = $(this).find('.number').text();
20			return parseInt(number, 10) > 50;
21		},
22		// show if name ends with -ium
23		ium: function () {
24			var name = $(this).find('.name').text();
25			return name.match(/ium$/);
26		}
27	};
28	// bind filter button click
29	$('.filters-button-group').on('click', 'button', function () {
30		var filterValue = $(this).attr('data-filter');
31		// use filterFn if matches value
32		filterValue = filterFns[filterValue] || filterValue;
33		$grid.isotope({
34			filter: filterValue
35		});
36	});
37	// change is-checked class on buttons
38	$('.button-group').each(function (i, buttonGroup) {
39		var $buttonGroup = $(buttonGroup);
40		$buttonGroup.on('click', 'button', function () {
41			$buttonGroup.find('.is-checked').removeClass('is-checked');
42			$(this).addClass('is-checked');
43		});
44	});
45	
46	$grid.on( 'append.infiniteScroll', function( event, response, path, items ) {
47	// layout Packery after each image loads
48	$grid.imagesLoaded().progress( function() {
49		$grid.packery('layout');
50	});
51});
52	
53});
54