Advertisement
Guest User

Untitled

a guest
May 27th, 2016
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.64 KB | None | 0 0
  1. <script src="/path/to/masonry.pkgd.min.js"></script>
  2.  
  3. <div class="grid">
  4. <div class="grid-item">...</div>
  5. <div class="grid-item grid-item--width2">...</div>
  6. <div class="grid-item">...</div>
  7. ...
  8. </div>
  9.  
  10. .grid-item { width: 200px; }
  11. .grid-item--width2 { width: 400px; }
  12.  
  13. $('.grid').masonry({
  14. // options
  15. itemSelector: '.grid-item',
  16. columnWidth: 200
  17. });
  18.  
  19. var elem = document.querySelector('.grid');
  20. var msnry = new Masonry( elem, {
  21. // options
  22. itemSelector: '.grid-item',
  23. columnWidth: 200
  24. });
  25.  
  26. // element argument can be a selector string
  27. // for an individual element
  28. var msnry = new Masonry( '.grid', {
  29. // options
  30. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement