jQuery Filterizr filter filter

Filterizr is a powerful filter plug-in, it provides multiple filtering methods, with the animation effect of css3.

Online instance

default

Callback

Instructions

1. <divclass="sucaihuo">  
2.     <divclass="filtr-item"data-category="1, 5">   
3.         <imgsrc="img/city_1.jpg"alt="">   
4.     </div> 
5.     <divclass="filtr-item"data-category="2, 5">   
6.         <imgsrc="img/nature_2.jpg"alt="">   
7.     </div> 
8. </div>
9.  
10. $('.sucaihuo').filterizr();

copy

Detailed parameter explanation

parameter	describe	Defaults
animationDuration	animation duration in seconds	0.5
callbacks	Callback	-
delay	delay in milliseconds	0
easing	animation	ease-out
filter	Specify filter/filter a category	0
filterOutCss	"fade out" style	-
filterInCss	"Fade in" style	-
layout	Layout method, optional packed / horizontal / vertical / sameHeight / sameWidth / sameSize	sameSize
setupControls	Establish control, when set to true, the corresponding tag with the data attribute (such as data-filter=”1”) can trigger the control	true

download