Jquery intelligent layout plug-in isotope recommendation and usage experience

I recommend the jquery plug-in isotope to you, which can be used to create dynamic and intelligent la s, especially in the mainstream waterfall stream mode, which is very convenient. You can hide, display, and filter projects, re-sort, sort, and even more. Meanwhile, isotope also has many cool animations,Especially in chrome, because the support for css3 animation works well. Of course, you can also set the animation engine to jquery, and chrome still performs well. Besides, ie is compatible with each other, and both are in the form of gradual explicit.

 

Of course, this plug-in also has some problems in use. For example, when the popular waterfall stream contains images in the module, it is best to write the image width and height on the IMG label. Otherwise, modules overlap. HTML direct display is rare. If Ajax dynamically retrieves data and displays the data, it will overlap. Although itCodeThere is a method for loading images. However, after loading images, the location of the computing module may be a problem, or the position is calculated if the loading is not complete, resulting in overlap.

 

However, in addition to this problem, other la S and usage are very good and recommended to you. Others will go to the official website to read the documents.

Official website address: http://isotope.metafizzy.co/

 

Waterfall stream applied in the project: