jqueryhtmlcssflickity

Images won't load in Flickity unless I resize the browser

I'm working on a project and for whatever reason my images within Flickity slides are loading only when the browser gets slightly resized. Here's my website: /

I have resize set to true in Flickity so I'm not sure what the issue is here. Any help would be greatly appreciated.

Thank you!

Edit: problem is solved!

Solution

  • Because you need to add imagesLoaded in your flickity options and include the images loaded flickity library.

    https://flickity.metafizzy.co/options.html#imagesloaded