Thank you! Your feedback has been delivered
Thank you! Your feedback has been sent

Problem with PictureFill and Isotope

I'm using both Isotope and Picturefill, and I'm 99% certain Picturefill is doing its magic after Isotope does its magic. As a result, Isotope is laying out my items according to height(s) that aren't accurate ... because Picturefill swoops in and adds those images afterward.

If I resize the viewport, Isotope runs again, and everything turns out as desired (because, BOOM, the Picturefill'ed images are already there). I just need this to work out perfectly on page-load as well.

How does a guy like me make sure Picturefill does 100% of its magic before Isotope does?

User Gravatar


Posted Jun 6 2013 23:39 UTC


  • Assigned To marc
  • Solved
  • jquery

1 Replies

I might've figured it out:

Essentially, the images need one of two things:

  • A defined height, or

  • An additional plugin

I'm going to give this a try and see if it fixes my issue.

User Gravatar


Posted Jun 12 2013 15:58 UTC


This didn't solve your task? Get your own custom solution.

Add a reply

By posting a reply on CodersClan you agree to our Terms & Conditions