Téotime PacreauCreated an #Eleventy plugin to zoom images on fullscreen.
When hovering, the magnifying glass indicates to the user that the img can be enlarged. A click and it appears enlarged, through a fade-in animation. A click outside the image quit the enlarged view.
Under the hood, a #VanillaJS inserts `<dialog>` #HTML modal right before the image. Outside of the modal click =`dialog` disappears.
Styled via #CSS `@starting-style`.
eleventy-plugin-img-magnifier
zoom image to fullscreen. Latest version: 1.0.0, last published: 22 minutes ago. Start using eleventy-plugin-img-magnifier in your project by running `npm i eleventy-plugin-img-magnifier`. There are no other projects in the npm registry using eleventy-plugin-img-magnifier.