mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 16:03:10 +01:00
45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
|
|
jQuery(document).ready(function($){
|
|
|
|
if (jQuery().quicksand) {
|
|
|
|
// Clone applications to get a second collection
|
|
var $data = $(".portfolio").clone();
|
|
|
|
//NOTE: Only filter on the main portfolio page, not on the subcategory pages
|
|
$('.filter li').click(function(e) {
|
|
$(".filter li").removeClass("active");
|
|
// Use the last category class as the category to filter by. This means that multiple categories are not supported (yet)
|
|
var filterClass=$(this).attr('class').split(' ').slice(-1)[0];
|
|
|
|
if (filterClass == 'all') {
|
|
var $filteredData = $data.find('.item-thumbs');
|
|
} else {
|
|
var $filteredData = $data.find('.item-thumbs[data-type=' + filterClass + ']');
|
|
}
|
|
$(".portfolio").quicksand($filteredData, {
|
|
duration: 600,
|
|
adjustHeight: 'auto'
|
|
}, function () {
|
|
|
|
// Portfolio fancybox
|
|
$(".fancybox").fancybox({
|
|
padding : 0,
|
|
beforeShow: function () {
|
|
this.title = $(this.element).attr('title');
|
|
this.title = '<h4>' + this.title + '</h4>' + '<p>' + $(this.element).parent().find('img').attr('alt') + '</p>';
|
|
},
|
|
helpers : {
|
|
title : { type: 'inside' },
|
|
}
|
|
});
|
|
|
|
|
|
});
|
|
$(this).addClass("active");
|
|
return false;
|
|
});
|
|
|
|
}//if quicksand
|
|
|
|
}); |