Zoomable image in post content

mustofa-id · Jul 3, 2019 · a328bc3 · a328bc3
1 parent f2b773c
commit a328bc3
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -47,7 +47,14 @@ module.exports = {
           {
             resolve: `gatsby-remark-images`,
             options: {
-              maxWidth: 720
+              maxWidth: 720,
+              linkImagesToOriginal: false
+            }
+          },
+          {
+            resolve: `gatsby-remark-images-medium-zoom`,
+            options: {
+              background: '#2424247d'
             }
           },
           {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     "gatsby-plugin-sitemap": "^2.2.0",
     "gatsby-remark-copy-linked-files": "^2.1.0",
     "gatsby-remark-images": "^3.1.2",
+    "gatsby-remark-images-medium-zoom": "^1.2.1",
     "gatsby-source-filesystem": "^2.1.1",
     "gatsby-transformer-remark": "^2.5.0",
     "gatsby-transformer-sharp": "^2.2.0",