Photos on product pages not loading

[matthewcrisp]

On the pages for individual djembes, the photos on the right often don't load properly. Seems to happen about 70% of the time. Tends to resolve itself if you refresh once or twice. I thought it was just a problem on my browser, but it turns out it not. Any ideas?

[danielcrisp]

Like this?

[matthewcrisp]

Yes, precisely.

[danielcrisp]

It'll be because this bit of code is running before the images are loaded:

https://github.com/matthewcrisp/drumhut/blob/master/website/src/assets/js/custom.js#L19-L24

So the height is calculated while the <div> is empty.

I'll need to add some image load detection to delay the initialisation of the superslides plugin until the images have downloaded.

The reason that a refresh fixes it is because the browser caches the image, so it loads instantly on reload and the height measurement is correct.

[matthewcrisp]

Thank you!