Nothing happens when image is clicked (possible issue with <img> tag?)

[kylecrsn]

I followed the instructions and installed the plugin, added it to the gatsby-config.js file like so:

//...
{
  resolve: 'gatsby-transformer-remark',
  options: {
    plugins: [
      {
        resolve: 'gatsby-remark-images',
        options: {
          maxWidth: 1000,
          linkImagesToOriginal: false
        }
      },
      'gatsby-remark-images-zoom',
//...

however clicking on it does nothing.

It would help a lot if the their was a demo site with code available, however comparing against the generated HTML of the demo linked in the readme, I noticed a couple of (likely key) differences compared to my site's code:

On the left is my site and on the right is the demo site. Note that

• 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

Not sure why the tag isn't being nested properly, or if this is some sort of conflicting dependency issue. Any idea on what it might be, or what I could try to resolve it?

[kylecrsn]

Something must've gone wrong while installing the package, I nuked my node_modules folder and reinstalled and it started working! (sort of, having the same problem as #1 ), closing