Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Lazyloading + Isotope + Masonry

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #248730
    Jenny
    Participant

    I set up a filterable gallery of images (there are potentially going to be hundreds of them). I am using Isotope filtering with a Masonry layout. So far so good.

    Now I need to lazyload all the images so as to not crash everyone’s computer. But the issue is that the lazyloaded images further down the page lose their height, and the masonry layout needs the height parameter for the layout, so the formatting is completely destroyed.

    This would be relatively straightforward if all the images were same height, but they are not.

    I’ve set up an example here: http://codepen.io/jvolvovski/pen/mOBmmR

    I would love to have it work like this (http://codepen.io/aFarkas/pen/VYGvde), but I can’t seem to adapt it to my variable height images.

    Any help would be greatly appreciated!
    Jenny

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.