From 25f79670f665e36c60136d25a130c6349ed90fa9 Mon Sep 17 00:00:00 2001 From: blueswen Date: Wed, 24 Jan 2024 23:17:11 +0800 Subject: [PATCH] Update docs --- demo-mkdocs/docs/index.md | 30 ++++++++++++++++------------ docs/caption/caption/index.html | 20 +++++++++---------- docs/disable/image/index.html | 20 +++++++++---------- docs/disable/manual/index.html | 20 +++++++++---------- docs/gallery/gallery/index.html | 20 +++++++++---------- docs/index.html | 34 +++++++++++++++++++++----------- docs/sitemap.xml | 16 +++++++-------- docs/sitemap.xml.gz | Bin 280 -> 280 bytes docs/taiwan/mountain/index.html | 20 +++++++++---------- docs/taiwan/sea/index.html | 20 +++++++++---------- 10 files changed, 101 insertions(+), 99 deletions(-) diff --git a/demo-mkdocs/docs/index.md b/demo-mkdocs/docs/index.md index ea643b5..1fb5ef6 100644 --- a/demo-mkdocs/docs/index.md +++ b/demo-mkdocs/docs/index.md @@ -49,21 +49,25 @@ GLightbox is a pure javascript lightbox library with mobile support. - custom-skip-class-name auto_caption: false caption_position: bottom + background: white + shadow: true ``` - | Option | Default | Description | - | ---------------- | ------- | ---------------------------------------------------------------------------------------------------- | - | touchNavigation | true | Enable or disable the touch navigation (swipe). | - | loop | false | Loop slides on end. | - | effect | zoom | Name of the effect on lightbox open. (zoom, fade, none) | - | slide_effect | slide | Name of the effect on lightbox slide. (slide, zoom, fade, none) | - | width | 100% | Width for inline elements and iframes. You can use any unit for example 90% or 100vw for full width. | - | height | auto | Height for inline elements and iframes. You can use any unit for example 90%, 100vh or auto. | - | zoomable | true | Enable or disable zoomable images. | - | draggable | true | Enable or disable mouse drag to go prev and next slide. | - | skip_classes | [ ] | Disable lightbox of those image with specific custom class name. | - | auto_caption | false | Enable or disable using alt of image as caption title automatically. | - | caption_position | bottom | Default captions position. (bottom, top, left, right) | + | Option | Default | Description | + |---|---|---| + | touchNavigation | true | Enable or disable the touch navigation (swipe). | + | loop | false | Loop slides on end. | + | effect | zoom | Name of the effect on lightbox open. (zoom, fade, none) | + | slide_effect | slide | Name of the effect on lightbox slide. (slide, zoom, fade, none) | + | width | auto | Width for inline elements and iframes. You can use any unit for example 90% or 100vw for full width. | + | height | auto | Height for inline elements and iframes. You can use any unit for example 90%, 100vh or auto. | + | zoomable | true | Enable or disable zoomable images. | + | draggable | true | Enable or disable mouse drag to go prev and next slide. | + | skip_classes | [ ] | Disable lightbox of those image with specific custom class name. | + | auto_caption | false | Enable or disable using alt of image as caption title automatically. | + | caption_position | bottom | Default captions position. (bottom, top, left, right) | + | background | white | The background CSS of lightbox image. The background will shown when the image is transparent. You can use any CSS value for the background for example `#74b9ff` or `Gainsboro` or `none` for nothing. | + | shadow | true | Enable or disable the shadow of lightbox image. Disable it when the background is `none` to prevent shadow around the transparent image. | Check more options information on [GLightbox Docs](https://github.com/biati-digital/glightbox#lightbox-options). diff --git a/docs/caption/caption/index.html b/docs/caption/caption/index.html index 20f6a88..4da5666 100644 --- a/docs/caption/caption/index.html +++ b/docs/caption/caption/index.html @@ -68,17 +68,15 @@ + html.glightbox-open { overflow: initial; height: 100%; } + .gslide-title { margin-top: 0px; user-select: text; } + .gslide-desc { color: #666; user-select: text; } + .gslide-image img { background: white; } + .gscrollbar-fixer { padding-right: 15px; } + .gdesc-inner { font-size: 0.75rem; } + body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);} + body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);} + body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);} diff --git a/docs/disable/image/index.html b/docs/disable/image/index.html index ed9b67d..e593fdc 100644 --- a/docs/disable/image/index.html +++ b/docs/disable/image/index.html @@ -68,17 +68,15 @@ + html.glightbox-open { overflow: initial; height: 100%; } + .gslide-title { margin-top: 0px; user-select: text; } + .gslide-desc { color: #666; user-select: text; } + .gslide-image img { background: white; } + .gscrollbar-fixer { padding-right: 15px; } + .gdesc-inner { font-size: 0.75rem; } + body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);} + body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);} + body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);} diff --git a/docs/disable/manual/index.html b/docs/disable/manual/index.html index 36175dc..aa7ec0b 100644 --- a/docs/disable/manual/index.html +++ b/docs/disable/manual/index.html @@ -66,17 +66,15 @@ + html.glightbox-open { overflow: initial; height: 100%; } + .gslide-title { margin-top: 0px; user-select: text; } + .gslide-desc { color: #666; user-select: text; } + .gslide-image img { background: white; } + .gscrollbar-fixer { padding-right: 15px; } + .gdesc-inner { font-size: 0.75rem; } + body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);} + body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);} + body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);} diff --git a/docs/gallery/gallery/index.html b/docs/gallery/gallery/index.html index ad693e4..cba2b25 100644 --- a/docs/gallery/gallery/index.html +++ b/docs/gallery/gallery/index.html @@ -68,17 +68,15 @@ + html.glightbox-open { overflow: initial; height: 100%; } + .gslide-title { margin-top: 0px; user-select: text; } + .gslide-desc { color: #666; user-select: text; } + .gslide-image img { background: white; } + .gscrollbar-fixer { padding-right: 15px; } + .gdesc-inner { font-size: 0.75rem; } + body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);} + body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);} + body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);} diff --git a/docs/index.html b/docs/index.html index 01b8a5d..39314b1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -66,17 +66,15 @@ + html.glightbox-open { overflow: initial; height: 100%; } + .gslide-title { margin-top: 0px; user-select: text; } + .gslide-desc { color: #666; user-select: text; } + .gslide-image img { background: white; } + .gscrollbar-fixer { padding-right: 15px; } + .gdesc-inner { font-size: 0.75rem; } + body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);} + body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);} + body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);} @@ -717,6 +715,8 @@

Usage

- custom-skip-class-name auto_caption: false caption_position: bottom + background: white + shadow: true @@ -749,7 +749,7 @@

Usage

- + @@ -782,6 +782,16 @@

Usage

+ + + + + + + + + +
width100%auto Width for inline elements and iframes. You can use any unit for example 90% or 100vw for full width.
bottom Default captions position. (bottom, top, left, right)
backgroundwhiteThe background CSS of lightbox image. The background will shown when the image is transparent. You can use any CSS value for the background for example #74b9ff or Gainsboro or none for nothing.
shadowtrueEnable or disable the shadow of lightbox image. Disable it when the background is none to prevent shadow around the transparent image.

Check more options information on GLightbox Docs.

diff --git a/docs/sitemap.xml b/docs/sitemap.xml index b67d046..335f3ef 100644 --- a/docs/sitemap.xml +++ b/docs/sitemap.xml @@ -2,42 +2,42 @@ https://github.com/blueswen/mkdocs-glightbox/ - 2023-12-30 + 2024-01-24 daily https://github.com/blueswen/mkdocs-glightbox/caption/caption/ - 2023-12-30 + 2024-01-24 daily https://github.com/blueswen/mkdocs-glightbox/disable/image/ - 2023-12-30 + 2024-01-24 daily https://github.com/blueswen/mkdocs-glightbox/disable/manual/ - 2023-12-30 + 2024-01-24 daily https://github.com/blueswen/mkdocs-glightbox/disable/page/ - 2023-12-30 + 2024-01-24 daily https://github.com/blueswen/mkdocs-glightbox/gallery/gallery/ - 2023-12-30 + 2024-01-24 daily https://github.com/blueswen/mkdocs-glightbox/taiwan/mountain/ - 2023-12-30 + 2024-01-24 daily https://github.com/blueswen/mkdocs-glightbox/taiwan/sea/ - 2023-12-30 + 2024-01-24 daily \ No newline at end of file diff --git a/docs/sitemap.xml.gz b/docs/sitemap.xml.gz index 3213363d4c5db7424dfc2c62a3093ab9e170f68a..79cfec0917f0a300f247cbf1e2dfc11bb4b240a2 100644 GIT binary patch delta 261 zcmV+g0s8)!0+<2^ABzYG=qa(02OWP<7HtL2t|w>@Fqo;a>L0?GlH9%~i4gm$3(sa| zo}QmR&BD$3YEAY-6Kn6<{8(0bMo#)(JJsf&AMeFWeinyjo(xmSqSJLQ1}8{3~LC5|B; za_ebO_nNUY1lppa#F#C*8BJo)V>)+MXberat*1d9P%jvDKf5@(w5XZz|AFr2anJhh!o4(JqpO>_}GYIAE~r##SLWBW6u#4*G} zZaod^UNd%vKwDIl7_&t;qe%>UOy|xDjiKqb^)#ph>II|jXBS787Bv(8Kk&W9FJ1fs L7KH)`0tNs8F2Q*< diff --git a/docs/taiwan/mountain/index.html b/docs/taiwan/mountain/index.html index ab67cf7..6c2c501 100644 --- a/docs/taiwan/mountain/index.html +++ b/docs/taiwan/mountain/index.html @@ -68,17 +68,15 @@ + html.glightbox-open { overflow: initial; height: 100%; } + .gslide-title { margin-top: 0px; user-select: text; } + .gslide-desc { color: #666; user-select: text; } + .gslide-image img { background: white; } + .gscrollbar-fixer { padding-right: 15px; } + .gdesc-inner { font-size: 0.75rem; } + body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);} + body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);} + body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);} diff --git a/docs/taiwan/sea/index.html b/docs/taiwan/sea/index.html index bb79d37..513598e 100644 --- a/docs/taiwan/sea/index.html +++ b/docs/taiwan/sea/index.html @@ -68,17 +68,15 @@ + html.glightbox-open { overflow: initial; height: 100%; } + .gslide-title { margin-top: 0px; user-select: text; } + .gslide-desc { color: #666; user-select: text; } + .gslide-image img { background: white; } + .gscrollbar-fixer { padding-right: 15px; } + .gdesc-inner { font-size: 0.75rem; } + body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);} + body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);} + body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}