Website templates

everest-corporate-business-bootstrap-template/js/portfolio/setting.js

@@ -0,0 +1,45 @@
+
+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
+
+});