How can I display images like this page?http://www.yunspace.com.cn/event/ no matter the height of the images, images fit tight with each other
Thanks!
Asked
Active
Viewed 72 times
0
-
yes it is possible you can make fiddle where i implement this – priya786 Mar 07 '15 at 06:46
-
have you already tried with some codes? show us pls – Klikdesainweb Mar 07 '15 at 06:49
-
I display images on this page:http://www.52roadshow.com/activity_index the images don't fit tight with each other. you can refer the code by viewing the source – Ziyu Li Mar 07 '15 at 06:59
2 Answers
0
You can use Masonry. That's what they are using. Masonry is not the only option though: Amazing jQuery Plugins to design Pinterest like Dynamic Grid Layout
Other Resources
http://qnimate.com/creating-cascading-grid-layouts-using-masonry/
Is it possible to create a pinterest-like layout with Bootstrap only?
-1
Most of there is using the absolute position to implement this, which is the most compatible way. You just need to calculate the left and top position of your each pin element.
You can refer to this open source plugin here: bootstrap-waterfall
Liber
- 360
- 2
- 12