Not working

[barbalex]

My issue is very similar to #2;

When I compare to the demo site:

• The <img> tag on my site isn't nested inside the responsive background image <span>
• The .medium-zoom-image class is missing from the <img> on my site

The main difference seems to be that nuking node_modules did not help.

This is my configuration: https://github.com/barbalex/vermehrung/blob/c76d323180b13db0297c0b05bfb83bd9d569c9f3/gatsby-config.js#L90

Here is the md file with the image: https://github.com/barbalex/vermehrung/blob/c76d323180b13db0297c0b05bfb83bd9d569c9f3/src/technischeDoku/struktur.md

In my case this happens in dev and in production.

[barbalex]

I have tried to implement gatsby-remark-images-zoom in a second project of mine. On a hunch I added gatsby-remark-images-zoom at the end of the gatsby-transformer plugins array. This way it works but I get #1. This happens in dev and in production.

When I move gatsby-remark-images-zoom up behind gatsby-remark-images in the gatsby-transformer plugins array, gatsby-remark-images-zoom does not work at all.

This is my configuration: https://github.com/barbalex/apf2/blob/411b76c92f911956afd7d72f32bcf8b376c15e0c/gatsby-config.js#L136

Here is the md file with the image: https://github.com/barbalex/apf2/blob/411b76c92f911956afd7d72f32bcf8b376c15e0c/src/benutzerDoku/filter.md

I then tried moving gatsby-remark-images-zoom at the end of the gatsby-transformer plugins array in my first project (see above). In this case that did not help - it still would not work.

[JaeYeopHan]

@barbalex how about using this?: https://github.com/JaeYeopHan/gatsby-remark-images-medium-zoom