Anybody have any idea how the divs are emitted in pinterest.com?

Question

I tried rendering my div images like this horizontally (left-to-right, top-to-bottom). But it's not quite right. Wondering if it's just vertically done where each column is rendered (top-to-bottom, right-to-left).

Anybody have any idea how to mimic/replicate this page?

* Update * In response to the answer below, i did a quick search for "masonry vs isotope". The following post explains this question very well, for all those interested.

have you tried viewing source / use firebug / chrome console to try to find out how they layout their divs? — Andreas Wong, May 22 '12 at 03:16
i actually tried to do this, but it wasnt human readable (i was just eye-balling the source). — AlvinfromDiaspar, May 22 '12 at 03:32

score 3 · Accepted Answer · answered May 22 '12 at 03:19

3

Each item is placed dynamically with JavaScript. Try viewing it with JS turned off. They are probably using Masonry, Isotope, or something similar.

answered May 22 '12 at 03:19

Bryan Downing

14,018
2
39
54

Anybody have any idea how the divs are emitted in pinterest.com?

1 Answers1

Linked