Generate thumbnails like 500px.com

I have gotten something similar working in WordPress by incorporating the Masonry script (or isotope if you want filtering)

Here they are:

masonry -> http://masonry.desandro.com/
isotope -> http://isotope.metafizzy.co/

I am assuming you are comfortable with javascript and jQuery so I won’t tell you how to use it (the site has tutorials if you get stuck) – but getting it to work in wordpress is just a matter of enqueueing and targeting correctly – though to get it to work with featured images for posts would take a little bit more work.

Hope this is helpful.

Related Posts:

  1. How To Delete Desired Image Sizes From wp-content/uploads?
  2. How can I upload video, generate thumbnail and convert to different formats?
  3. Thumbnails of same size with different crop
  4. How to Replace YouTube Videos with a “Click to Play” Thumbnail?
  5. image_resize in wp3.5 change to wp_get_image_editor and wont work
  6. Why is wp_get_attachment_image_src returning wrong dimensions? [duplicate]
  7. Stop wordpress from creating multiple size images
  8. Completly disable and remove Thumbnails?
  9. Store thumbnails and uploads in different directories?
  10. Getting specific image thumbnail urls of attached images
  11. wp_get_attachment_image() not working when trying to add width and height attributes
  12. WordPress 3.5 – Add custom image size
  13. Thumbnail is corrupt but image is good
  14. Thumbnails are not cropped even after selecting “Crop thumbnail to exact dimensions”
  15. Various thumbnail sizes for WordPress/jquery masonry gallery
  16. Detect if image file is a thumbnail
  17. Setting default thumbnails size & creating multiple thumbnail sizes
  18. Add_image_size not cropping
  19. Media Gallery Upload Thumbnail Compression is Changing Image Hue
  20. Custom image sizes only for thumbnails
  21. How to disable multiple thumbnail generation?
  22. Use ‘medium’ size with catch_that_image() function
  23. How can I get I get the thumbnail custom size dimensions?
  24. prevent wordpress from creating thumbnails of an image
  25. ‘Thumbnail’ and ‘Medium’ Image sizes are different than expected
  26. How to link to featured image to media file URL
  27. Open Image Thumbnail in a new page, while clicking on the link
  28. Thumbnails Not generated when sharing on WhatsApp
  29. Thumbnail position + size
  30. Why are some thumbnails on their side – but correct when I go to edit image? [closed]
  31. Is there a way to avoid using add_image_size? Best way to manage images
  32. Single-post preview repeats thumbnails in Jupiter Recent Posts widget
  33. How to fit image to Thumbnail canvas size?
  34. How to have the thumbnail cropping tool working
  35. Regenerate thumbnails for images that are not in the media library
  36. How can i make this in the_post_thumbnail?
  37. Custom image size mixes width and height in output
  38. Why are thumbnails not being generated for PDF files?
  39. Image Sizes/Thumbnails not generating on local install Ampps
  40. Thumbnail generating and posting
  41. Timthumb not working with WordPress 4.0
  42. the_post_thumbnail returns full sized image, how to debug?
  43. Disabling image thumbnails and automatic regeneration
  44. add youtube thumbnail in index and single.php add video
  45. Stop ‘alt’ from being added to the_post_thumbnail
  46. Exclude Multiple Post Thumbnails From Post Attachments
  47. Custom thumbnail crop offsets
  48. How can i place square Feature Image withing the body of post aligned top left or top right in wordpress?
  49. Can’t add thumbnail theme support
  50. Error 500 in loop to create posts and thumbnails
  51. How to reduce unnecessary thumbnail creation?
  52. thumbnail crop not working
  53. Best way to manage theme images
  54. how to place ELSE on if function on multipostthumbnails? [closed]
  55. add_image_size cropping changes on Mobile devices
  56. external url for post thumbnail and title
  57. Serving resized images on a responsive site without making 2x copies
  58. Thumbnails resized and not cropped in the center
  59. How to delete post thumbnails in index page? (twenty fourteen theme)
  60. get_intermediate_image_sizes() returning different values depending on is_admin()
  61. Display thumbnail of child, parent and ancestor using featured thumbnails
  62. Retrieve image from Open Graph of an external URL and set as featured image
  63. Media Library Image Sizes in Bones theme (add_image_size)
  64. Check if custom thumnail size image has been cropped to the correct dimensions
  65. Thumbnail Look For WP
  66. Can’t edit thumbnails
  67. get_the_term_list & url
  68. Thumbnails from video posts not working after upgrading to WP 3.4
  69. Thumbnail informations (meta)
  70. How can I add a featured thumbnail into a div via a data-image-src?
  71. Thumbnails loading forever
  72. How to crop thumbnail size, from both width and height sides
  73. Getting post-thumbnail hentry category-error – How can I fix
  74. How to create thumbnail of different files?
  75. Media thumbnail for custom post inside post content
  76. Why am I getting errors in product.thumbnails.php? [closed]
  77. Image Quality Thumbnail Compression in WordPress?
  78. Force WordPress to strip/remove EXIF/IPTC metadata when resizing thumbnails
  79. How to offset thumbnails to the center?
  80. Custom Post Type And “fopen”
  81. Can’t generate thumbnail images
  82. How to make thumbnails of uploaded animated gifs NOT animated
  83. get_the_post_thumbnail_url(‘full’) returns empty from custom post type
  84. Filter for post_thumbnail: link to small src and add data-attribute [duplicate]
  85. Hide thumbnail on search results when thumbnail not set – using Oxygen
  86. Generate metadata for cloud images
  87. Else/If Statement to Display Photo Descriptions
  88. how can I call a posts featured image in any template?
  89. Replace TimThumb in existing WordPress Themes
  90. how show attachment image in comments query
  91. SVG not displaying in Media Tab in Backend
  92. Change thumbnail size for Media Library
  93. How to filter on placeholder image
  94. How to tell woocommerce slider to use thumbnails
  95. WooCommerce Variation Swatches and Photos – get attribute thumbnail
  96. Move captions under gallery images in twenty fourteen theme
  97. get the post thumbnail returns the full size
  98. Pictures won’t display in media library and also won’t show preview when selected
  99. Display woocommerce product_cat child terms with thumbnails
  100. How to filter the URL of thumbnail size in the Media Grid and admin pages
tech