https://www.podereilpoggetto.com/js/portfolio/setting.js

1
2jQuery(document).ready(function($){
3
4if (jQuery().quicksand) {
5
6 	// Clone applications to get a second collection
7	var $data = $(".portfolio").clone();
8	
9	//NOTE: Only filter on the main portfolio page, not on the subcategory pages
10	$('.filter li').click(function(e) {
11		$(".filter li").removeClass("active");	
12		// Use the last category class as the category to filter by. This means that multiple categories are not supported (yet)
13		var filterClass=$(this).attr('class').split(' ').slice(-1)[0];
14		
15		if (filterClass == 'all') {
16			var $filteredData = $data.find('.item-thumbs');
17		} else {
18			var $filteredData = $data.find('.item-thumbs[data-type=' + filterClass + ']');
19		}
20		$(".portfolio").quicksand($filteredData, {
21			duration: 600,
22			adjustHeight: 'auto'
23		}, function () {
24		
25			// Portfolio fancybox
26		$(".fancybox").fancybox({				
27				padding : 0,
28				beforeShow: function () {
29					this.title = $(this.element).attr('title');
30					this.title = '<h4>' + this.title + '</h4>' + '<p>' + $(this.element).parent().find('img').attr('alt') + '</p>';
31				},
32				helpers : {
33					title : { type: 'inside' },
34				}
35			});
36
37
38		});	
39		$(this).addClass("active"); 			
40		return false;
41	});
42	
43}//if quicksand
44
45});