diff --git a/demo-mkdocs/docs/disable/image.md b/demo-mkdocs/docs/disable/image.md
new file mode 100644
index 0000000..6d49a68
--- /dev/null
+++ b/demo-mkdocs/docs/disable/image.md
@@ -0,0 +1,26 @@
+You can disable lightbox of images separately by adding ```off-glb``` class through markdown_extensions ```attr_list```. Enable ```attr_list``` via ```mkdocs.yml```:
+
+```yaml
+markdown_extensions:
+ - attr_list
+```
+
+Check more detail about ```attr_list``` on the [official document](https://python-markdown.github.io/extensions/attr_list/).
+
+## Demo
+
+The first image's lightbox is disabled.
+
+```markdown
+{ .off-glb }
+Lanyu, Taiwan. Credit: Blueswen
+
+
+Obertraun, Austria. Credit: Blueswen
+```
+
+{ .off-glb }
+Lanyu, Taiwan. Credit: Blueswen
+
+
+Obertraun, Austria. Credit: Blueswen
diff --git a/demo-mkdocs/docs/disable/page.md b/demo-mkdocs/docs/disable/page.md
new file mode 100644
index 0000000..67a5a76
--- /dev/null
+++ b/demo-mkdocs/docs/disable/page.md
@@ -0,0 +1,34 @@
+---
+glightbox: false
+---
+
+You can disable lightbox of all images on a specific page by adding page metadata ```glightbox: false``` through markdown_extensions ```meta```. Enable ```meta``` via ```mkdocs.yml```:
+
+```yaml
+markdown_extensions:
+ - meta
+```
+
+Check more detail about ```meta``` on the [official document](https://python-markdown.github.io/extensions/meta_data/).
+
+## Demo
+
+All images' lightbox are disabled on this page.
+
+```markdown
+---
+glightbox: false
+---
+
+
+Lanyu, Taiwan. Credit: Blueswen
+
+
+Obertraun, Austria. Credit: Blueswen
+```
+
+
+Lanyu, Taiwan. Credit: Blueswen
+
+
+Obertraun, Austria. Credit: Blueswen
diff --git a/demo-mkdocs/docs/index.md b/demo-mkdocs/docs/index.md
index 6958480..1d47f31 100644
--- a/demo-mkdocs/docs/index.md
+++ b/demo-mkdocs/docs/index.md
@@ -7,7 +7,7 @@ GLightbox is a pure javascript lightbox library with mobile support.
## Dependency
1. Python Package
- 1. beautifulsoup4==4.11.1
+ 1. beautifulsoup4>=4.11.1
2. GLightbox javascript file and css file
1. GLightbox==3.2.0
@@ -19,7 +19,7 @@ GLightbox is a pure javascript lightbox library with mobile support.
pip install mkdocs-glightbox
```
-2. Add ```glightbox``` plugin in to your mkdocs.yml plugins sections:
+2. Add ```glightbox``` plugin to your mkdocs.yml plugins sections:
```yaml
plugins:
@@ -52,9 +52,11 @@ GLightbox is a pure javascript lightbox library with mobile support.
Check more options information on [GLightbox Docs](https://github.com/biati-digital/glightbox#lightbox-options).
+4. For more flexibility, you can disable lightbox by a [specific image](./disable/image.md) or a [specific page](./disable/page.md).
+
## Demo
-Click image to try lightbox and enjoy the view of Taiwan.
+Click the image to try lightbox and enjoy the view of Taiwan.
Sunset over Taipei City. Credit: [Thomas Tucker](https://unsplash.com/photos/au3CYbd7vCU)
diff --git a/demo-mkdocs/mkdocs.yml b/demo-mkdocs/mkdocs.yml
index 1ac4c5e..c13196d 100644
--- a/demo-mkdocs/mkdocs.yml
+++ b/demo-mkdocs/mkdocs.yml
@@ -44,6 +44,8 @@ markdown_extensions:
- pymdownx.inlinehilite
- pymdownx.snippets
- pymdownx.superfences
+ - attr_list
+ - meta
plugins:
- glightbox
@@ -54,3 +56,6 @@ nav:
- Sea: taiwan/sea.md
- Mountain: taiwan/mountain.md
- Gallery: gallery.md
+ - More Flexibility:
+ - Disable by image: disable/image.md
+ - Disable by page: disable/page.md
diff --git a/docs/404.html b/docs/404.html
index 09c7d2d..ed287c7 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -12,7 +12,7 @@
-
+
@@ -20,7 +20,7 @@
-
+
@@ -82,6 +82,10 @@
+
+
+
+
@@ -346,6 +350,87 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -393,7 +478,7 @@ 404 - Not found
-
+
diff --git a/docs/assets/javascripts/bundle.15234abc.min.js b/docs/assets/javascripts/bundle.15234abc.min.js
new file mode 100644
index 0000000..aa6c804
--- /dev/null
+++ b/docs/assets/javascripts/bundle.15234abc.min.js
@@ -0,0 +1,3 @@
+"use strict";(()=>{var la=Object.create;var Mr=Object.defineProperty;var ua=Object.getOwnPropertyDescriptor;var ma=Object.getOwnPropertyNames,Ut=Object.getOwnPropertySymbols,da=Object.getPrototypeOf,Lr=Object.prototype.hasOwnProperty,un=Object.prototype.propertyIsEnumerable;var ln=(e,t,r)=>t in e?Mr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,H=(e,t)=>{for(var r in t||(t={}))Lr.call(t,r)&&ln(e,r,t[r]);if(Ut)for(var r of Ut(t))un.call(t,r)&&ln(e,r,t[r]);return e};var mn=(e,t)=>{var r={};for(var n in e)Lr.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&Ut)for(var n of Ut(e))t.indexOf(n)<0&&un.call(e,n)&&(r[n]=e[n]);return r};var Ot=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var ha=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ma(t))!Lr.call(e,o)&&o!==r&&Mr(e,o,{get:()=>t[o],enumerable:!(n=ua(t,o))||n.enumerable});return e};var ot=(e,t,r)=>(r=e!=null?la(da(e)):{},ha(t||!e||!e.__esModule?Mr(r,"default",{value:e,enumerable:!0}):r,e));var hn=Ot((Ar,dn)=>{(function(e,t){typeof Ar=="object"&&typeof dn!="undefined"?t():typeof define=="function"&&define.amd?define(t):t()})(Ar,function(){"use strict";function e(r){var n=!0,o=!1,i=null,a={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function s(M){return!!(M&&M!==document&&M.nodeName!=="HTML"&&M.nodeName!=="BODY"&&"classList"in M&&"contains"in M.classList)}function c(M){var ze=M.type,Ue=M.tagName;return!!(Ue==="INPUT"&&a[ze]&&!M.readOnly||Ue==="TEXTAREA"&&!M.readOnly||M.isContentEditable)}function p(M){M.classList.contains("focus-visible")||(M.classList.add("focus-visible"),M.setAttribute("data-focus-visible-added",""))}function f(M){!M.hasAttribute("data-focus-visible-added")||(M.classList.remove("focus-visible"),M.removeAttribute("data-focus-visible-added"))}function l(M){M.metaKey||M.altKey||M.ctrlKey||(s(r.activeElement)&&p(r.activeElement),n=!0)}function m(M){n=!1}function d(M){!s(M.target)||(n||c(M.target))&&p(M.target)}function h(M){!s(M.target)||(M.target.classList.contains("focus-visible")||M.target.hasAttribute("data-focus-visible-added"))&&(o=!0,window.clearTimeout(i),i=window.setTimeout(function(){o=!1},100),f(M.target))}function b(M){document.visibilityState==="hidden"&&(o&&(n=!0),U())}function U(){document.addEventListener("mousemove",V),document.addEventListener("mousedown",V),document.addEventListener("mouseup",V),document.addEventListener("pointermove",V),document.addEventListener("pointerdown",V),document.addEventListener("pointerup",V),document.addEventListener("touchmove",V),document.addEventListener("touchstart",V),document.addEventListener("touchend",V)}function X(){document.removeEventListener("mousemove",V),document.removeEventListener("mousedown",V),document.removeEventListener("mouseup",V),document.removeEventListener("pointermove",V),document.removeEventListener("pointerdown",V),document.removeEventListener("pointerup",V),document.removeEventListener("touchmove",V),document.removeEventListener("touchstart",V),document.removeEventListener("touchend",V)}function V(M){M.target.nodeName&&M.target.nodeName.toLowerCase()==="html"||(n=!1,X())}document.addEventListener("keydown",l,!0),document.addEventListener("mousedown",m,!0),document.addEventListener("pointerdown",m,!0),document.addEventListener("touchstart",m,!0),document.addEventListener("visibilitychange",b,!0),U(),r.addEventListener("focus",d,!0),r.addEventListener("blur",h,!0),r.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&r.host?r.host.setAttribute("data-js-focus-visible",""):r.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if(typeof window!="undefined"&&typeof document!="undefined"){window.applyFocusVisiblePolyfill=e;var t;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(r){t=document.createEvent("CustomEvent"),t.initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(t)}typeof document!="undefined"&&e(document)})});var bn=Ot(Cr=>{(function(e){var t=function(){try{return!!Symbol.iterator}catch(p){return!1}},r=t(),n=function(p){var f={next:function(){var l=p.shift();return{done:l===void 0,value:l}}};return r&&(f[Symbol.iterator]=function(){return f}),f},o=function(p){return encodeURIComponent(p).replace(/%20/g,"+")},i=function(p){return decodeURIComponent(String(p).replace(/\+/g," "))},a=function(){var p=function(l){Object.defineProperty(this,"_entries",{writable:!0,value:{}});var m=typeof l;if(m!=="undefined")if(m==="string")l!==""&&this._fromString(l);else if(l instanceof p){var d=this;l.forEach(function(X,V){d.append(V,X)})}else if(l!==null&&m==="object")if(Object.prototype.toString.call(l)==="[object Array]")for(var h=0;h