Skip to content

Commit

Permalink
updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@sachinchoolur
sachinchoolur committed Jun 25, 2023
1 parent dc5bd0a commit fc89474
Show file tree
Hide file tree
Showing 56 changed files with 15,607 additions and 137 deletions.
6 changes: 3 additions & 3 deletions 404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Regular.woff2 type=font/woff2 crossorigin>
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Medium.woff2 type=font/woff2 crossorigin>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.55a83c3de77ce0075b373d6b004d9ff18dfb6ad93fb6d46b86b005fcbb0e64c185b3d698dfa503c77512afb1717e710a59da1822936e733455315c44435d8f45.css integrity="sha512-Vag8Ped84AdbNz1rAE2f8Y37atk/ttRrhrAF/LsOZMGFs9aY36UDx3USr7FxfnEKWdoYIpNuczRVMVxEQ12PRQ==" crossorigin=anonymous>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.770a446e9bd7e44659a7e9d61c86ca2a241adf05b73a94b4e640ca42beff0c829eeecb4b730fc54293455697ddba7aa89689fe23c856f56908eb9d3b329d9b42.css integrity="sha512-dwpEbpvX5EZZp+nWHIbKKiQa3wW3OpS05kDKQr7/DIKe7stLcw/FQpNFVpfdunqolon+I8hW9WkI6507Mp2bQg==" crossorigin=anonymous>
<link rel=stylesheet href=/css/lightgallery-bundle.css>
<link rel=stylesheet href=/css/lg-transitions.css>
<noscript><style>img.lazyload{display:none}</style></noscript>
Expand Down Expand Up @@ -178,7 +178,7 @@ <h3 class=text-center>Demos</h3>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails Gallery &rarr;</a>
</div>
</div>
<div class="card my-3">
Expand Down Expand Up @@ -375,6 +375,6 @@ <h5>WebWhiz.ai</h5>
<script src=https://cdn.jsdelivr.net/npm/airtable@0.11.1/build/airtable.browser.js></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49767543-2"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date),gtag('config','UA-49767543-2')</script>
<script src=https://www.lightgalleryjs.com/main.ae15d5755e87992071e4089466c8666927922f1d1e6d4115d2675a913ee598afcfb912ebe9888107e1bfaa8a6fadf68067f07c437154984026e07651d5069040.js integrity="sha512-rhXVdV6HmSBx5AiUZshmaSeSLx0ebUEV0mdakT7lmK/PuRLr6YiBB+G/qopvrfaAZ/B8Q3FUmEAm4HZR1QaQQA==" crossorigin=anonymous defer></script>
<script src=https://www.lightgalleryjs.com/main.c5d899af129a53c2ad39b883a63a067495d02346156d60325338cdeffd78417057c32f51c6d2c0659d7c76e9c3cc69df91c087292fbd9efc1f60a169b1f45069.js integrity="sha512-xdiZrxKaU8KtObiDpjoGdJXQI0YVbWAyUzjN7/14QXBXwy9RxtLAZZ18dunDzGnfkcCHKS+9nvwfYKFpsfRQaQ==" crossorigin=anonymous defer></script>
</body>
</html>
10 changes: 6 additions & 4 deletions demos/captions/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Regular.woff2 type=font/woff2 crossorigin>
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Medium.woff2 type=font/woff2 crossorigin>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.55a83c3de77ce0075b373d6b004d9ff18dfb6ad93fb6d46b86b005fcbb0e64c185b3d698dfa503c77512afb1717e710a59da1822936e733455315c44435d8f45.css integrity="sha512-Vag8Ped84AdbNz1rAE2f8Y37atk/ttRrhrAF/LsOZMGFs9aY36UDx3USr7FxfnEKWdoYIpNuczRVMVxEQ12PRQ==" crossorigin=anonymous>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.770a446e9bd7e44659a7e9d61c86ca2a241adf05b73a94b4e640ca42beff0c829eeecb4b730fc54293455697ddba7aa89689fe23c856f56908eb9d3b329d9b42.css integrity="sha512-dwpEbpvX5EZZp+nWHIbKKiQa3wW3OpS05kDKQr7/DIKe7stLcw/FQpNFVpfdunqolon+I8hW9WkI6507Mp2bQg==" crossorigin=anonymous>
<link rel=stylesheet href=/css/lightgallery-bundle.css>
<link rel=stylesheet href=/css/lg-transitions.css>
<noscript><style>img.lazyload{display:none}</style></noscript>
Expand Down Expand Up @@ -81,7 +81,7 @@
<nav class=docs-links aria-label="Main navigation">
<h3>Demos</h3>
<ul class=list-unstyled>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Video gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/share/>Social sharing</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/swiper/>SwiperJs demo</a></li>
Expand All @@ -106,7 +106,9 @@ <h3>Demos</h3>
</nav>
</div>
<main class="docs-content col-lg-10 col-xl-8">
<h1>Captions</h1>
<h1>
Captions
</h1>
<p class=lead>You can directly pass image caption html via data-sub-html attribute or just pass id or class name of any html object (div) which contains your cation html.</p>
<h4 id=demo>Demo<a href=#demo class=anchor aria-hidden=true>#</a> </h4>
<div class=gallery-demo-sm>
Expand Down Expand Up @@ -442,6 +444,6 @@ <h5>WebWhiz.ai</h5>
<script src=https://cdn.jsdelivr.net/npm/airtable@0.11.1/build/airtable.browser.js></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49767543-2"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date),gtag('config','UA-49767543-2')</script>
<script src=https://www.lightgalleryjs.com/main.ae15d5755e87992071e4089466c8666927922f1d1e6d4115d2675a913ee598afcfb912ebe9888107e1bfaa8a6fadf68067f07c437154984026e07651d5069040.js integrity="sha512-rhXVdV6HmSBx5AiUZshmaSeSLx0ebUEV0mdakT7lmK/PuRLr6YiBB+G/qopvrfaAZ/B8Q3FUmEAm4HZR1QaQQA==" crossorigin=anonymous defer></script>
<script src=https://www.lightgalleryjs.com/main.c5d899af129a53c2ad39b883a63a067495d02346156d60325338cdeffd78417057c32f51c6d2c0659d7c76e9c3cc69df91c087292fbd9efc1f60a169b1f45069.js integrity="sha512-xdiZrxKaU8KtObiDpjoGdJXQI0YVbWAyUzjN7/14QXBXwy9RxtLAZZ18dunDzGnfkcCHKS+9nvwfYKFpsfRQaQ==" crossorigin=anonymous defer></script>
</body>
</html>
10 changes: 6 additions & 4 deletions demos/comment-box/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Regular.woff2 type=font/woff2 crossorigin>
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Medium.woff2 type=font/woff2 crossorigin>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.55a83c3de77ce0075b373d6b004d9ff18dfb6ad93fb6d46b86b005fcbb0e64c185b3d698dfa503c77512afb1717e710a59da1822936e733455315c44435d8f45.css integrity="sha512-Vag8Ped84AdbNz1rAE2f8Y37atk/ttRrhrAF/LsOZMGFs9aY36UDx3USr7FxfnEKWdoYIpNuczRVMVxEQ12PRQ==" crossorigin=anonymous>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.770a446e9bd7e44659a7e9d61c86ca2a241adf05b73a94b4e640ca42beff0c829eeecb4b730fc54293455697ddba7aa89689fe23c856f56908eb9d3b329d9b42.css integrity="sha512-dwpEbpvX5EZZp+nWHIbKKiQa3wW3OpS05kDKQr7/DIKe7stLcw/FQpNFVpfdunqolon+I8hW9WkI6507Mp2bQg==" crossorigin=anonymous>
<link rel=stylesheet href=/css/lightgallery-bundle.css>
<link rel=stylesheet href=/css/lg-transitions.css>
<noscript><style>img.lazyload{display:none}</style></noscript>
Expand Down Expand Up @@ -81,7 +81,7 @@
<nav class=docs-links aria-label="Main navigation">
<h3>Demos</h3>
<ul class=list-unstyled>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Video gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/share/>Social sharing</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/swiper/>SwiperJs demo</a></li>
Expand All @@ -106,7 +106,9 @@ <h3>Demos</h3>
</nav>
</div>
<main class="docs-content col-lg-10 col-xl-8">
<h1>Comment box</h1>
<h1>
Comment box
</h1>
<p class=lead>LightGallery supports facebook and Disqus comments out of the box with the help of lg-comments plugin.</p>
<h4 id=facebook-comments-demo>Facebook comments demo<a href=#facebook-comments-demo class=anchor aria-hidden=true>#</a> </h4>
<div class=gallery-demo-sm>
Expand Down Expand Up @@ -375,6 +377,6 @@ <h5>WebWhiz.ai</h5>
<script>(function(b,c,d){var a,e=b.getElementsByTagName(c)[0];if(b.getElementById(d))return;a=b.createElement(c),a.id=d,a.src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4",e.parentNode.insertBefore(a,e)})(document,'script','facebook-jssdk')</script>
<div id=disqus_thread></div>
<script>(function(){var a=document,b=a.createElement('script');b.src='https://lg-disqus.disqus.com/embed.js',b.setAttribute('data-timestamp',+new Date),(a.head||a.body).appendChild(b)})()</script>
<script src=https://www.lightgalleryjs.com/main.ae15d5755e87992071e4089466c8666927922f1d1e6d4115d2675a913ee598afcfb912ebe9888107e1bfaa8a6fadf68067f07c437154984026e07651d5069040.js integrity="sha512-rhXVdV6HmSBx5AiUZshmaSeSLx0ebUEV0mdakT7lmK/PuRLr6YiBB+G/qopvrfaAZ/B8Q3FUmEAm4HZR1QaQQA==" crossorigin=anonymous defer></script>
<script src=https://www.lightgalleryjs.com/main.c5d899af129a53c2ad39b883a63a067495d02346156d60325338cdeffd78417057c32f51c6d2c0659d7c76e9c3cc69df91c087292fbd9efc1f60a169b1f45069.js integrity="sha512-xdiZrxKaU8KtObiDpjoGdJXQI0YVbWAyUzjN7/14QXBXwy9RxtLAZZ18dunDzGnfkcCHKS+9nvwfYKFpsfRQaQ==" crossorigin=anonymous defer></script>
</body>
</html>
10 changes: 6 additions & 4 deletions demos/custom-easing/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Regular.woff2 type=font/woff2 crossorigin>
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Medium.woff2 type=font/woff2 crossorigin>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.55a83c3de77ce0075b373d6b004d9ff18dfb6ad93fb6d46b86b005fcbb0e64c185b3d698dfa503c77512afb1717e710a59da1822936e733455315c44435d8f45.css integrity="sha512-Vag8Ped84AdbNz1rAE2f8Y37atk/ttRrhrAF/LsOZMGFs9aY36UDx3USr7FxfnEKWdoYIpNuczRVMVxEQ12PRQ==" crossorigin=anonymous>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.770a446e9bd7e44659a7e9d61c86ca2a241adf05b73a94b4e640ca42beff0c829eeecb4b730fc54293455697ddba7aa89689fe23c856f56908eb9d3b329d9b42.css integrity="sha512-dwpEbpvX5EZZp+nWHIbKKiQa3wW3OpS05kDKQr7/DIKe7stLcw/FQpNFVpfdunqolon+I8hW9WkI6507Mp2bQg==" crossorigin=anonymous>
<link rel=stylesheet href=/css/lightgallery-bundle.css>
<link rel=stylesheet href=/css/lg-transitions.css>
<noscript><style>img.lazyload{display:none}</style></noscript>
Expand Down Expand Up @@ -81,7 +81,7 @@
<nav class=docs-links aria-label="Main navigation">
<h3>Demos</h3>
<ul class=list-unstyled>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Video gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/share/>Social sharing</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/swiper/>SwiperJs demo</a></li>
Expand All @@ -106,7 +106,9 @@ <h3>Demos</h3>
</nav>
</div>
<main class="docs-content col-lg-10 col-xl-8">
<h1>Custom Easing</h1>
<h1>
Custom Easing
</h1>
<p class=lead>You can pass easing property via lightGallery <code>easing</code> setting. Bellow you can find some of the possible values of <code>cssEasing</code>. Demo values are taken from <a target=_blank href=http://twitter.com/matthewlein>@matthewlein</a>`s <a href=http://matthewlein.com/ceaser/>ceaser</a> </p>
<h4 id=demo>Demo<a href=#demo class=anchor aria-hidden=true>#</a> </h4>
<div class=gallery-demo-sm>
Expand Down Expand Up @@ -281,6 +283,6 @@ <h5>WebWhiz.ai</h5>
<script src=https://cdn.jsdelivr.net/npm/airtable@0.11.1/build/airtable.browser.js></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49767543-2"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date),gtag('config','UA-49767543-2')</script>
<script src=https://www.lightgalleryjs.com/main.ae15d5755e87992071e4089466c8666927922f1d1e6d4115d2675a913ee598afcfb912ebe9888107e1bfaa8a6fadf68067f07c437154984026e07651d5069040.js integrity="sha512-rhXVdV6HmSBx5AiUZshmaSeSLx0ebUEV0mdakT7lmK/PuRLr6YiBB+G/qopvrfaAZ/B8Q3FUmEAm4HZR1QaQQA==" crossorigin=anonymous defer></script>
<script src=https://www.lightgalleryjs.com/main.c5d899af129a53c2ad39b883a63a067495d02346156d60325338cdeffd78417057c32f51c6d2c0659d7c76e9c3cc69df91c087292fbd9efc1f60a169b1f45069.js integrity="sha512-xdiZrxKaU8KtObiDpjoGdJXQI0YVbWAyUzjN7/14QXBXwy9RxtLAZZ18dunDzGnfkcCHKS+9nvwfYKFpsfRQaQ==" crossorigin=anonymous defer></script>
</body>
</html>
10 changes: 6 additions & 4 deletions demos/dynamic-mode/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Regular.woff2 type=font/woff2 crossorigin>
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Medium.woff2 type=font/woff2 crossorigin>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.55a83c3de77ce0075b373d6b004d9ff18dfb6ad93fb6d46b86b005fcbb0e64c185b3d698dfa503c77512afb1717e710a59da1822936e733455315c44435d8f45.css integrity="sha512-Vag8Ped84AdbNz1rAE2f8Y37atk/ttRrhrAF/LsOZMGFs9aY36UDx3USr7FxfnEKWdoYIpNuczRVMVxEQ12PRQ==" crossorigin=anonymous>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.770a446e9bd7e44659a7e9d61c86ca2a241adf05b73a94b4e640ca42beff0c829eeecb4b730fc54293455697ddba7aa89689fe23c856f56908eb9d3b329d9b42.css integrity="sha512-dwpEbpvX5EZZp+nWHIbKKiQa3wW3OpS05kDKQr7/DIKe7stLcw/FQpNFVpfdunqolon+I8hW9WkI6507Mp2bQg==" crossorigin=anonymous>
<link rel=stylesheet href=/css/lightgallery-bundle.css>
<link rel=stylesheet href=/css/lg-transitions.css>
<noscript><style>img.lazyload{display:none}</style></noscript>
Expand Down Expand Up @@ -81,7 +81,7 @@
<nav class=docs-links aria-label="Main navigation">
<h3>Demos</h3>
<ul class=list-unstyled>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Video gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/share/>Social sharing</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/swiper/>SwiperJs demo</a></li>
Expand All @@ -106,7 +106,9 @@ <h3>Demos</h3>
</nav>
</div>
<main class="docs-content col-lg-10 col-xl-8">
<h1>Dynamic Mode</h1>
<h1>
Dynamic Mode
</h1>
<p class=lead>LightGallery can be instantiated and launched programmatically by setting dynamic option to true and populating dynamicEl option by passing array of objects representing the gallery elements. See available dynamic options <a href=../../docs/dynamic-variables/>Docs.</a></p>
<div>
<button type=button class="btn btn-success" id=dynamic-gallery-demo>Launch
Expand Down Expand Up @@ -314,6 +316,6 @@ <h5>WebWhiz.ai</h5>
<script src=https://cdn.jsdelivr.net/npm/airtable@0.11.1/build/airtable.browser.js></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49767543-2"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date),gtag('config','UA-49767543-2')</script>
<script src=https://www.lightgalleryjs.com/main.ae15d5755e87992071e4089466c8666927922f1d1e6d4115d2675a913ee598afcfb912ebe9888107e1bfaa8a6fadf68067f07c437154984026e07651d5069040.js integrity="sha512-rhXVdV6HmSBx5AiUZshmaSeSLx0ebUEV0mdakT7lmK/PuRLr6YiBB+G/qopvrfaAZ/B8Q3FUmEAm4HZR1QaQQA==" crossorigin=anonymous defer></script>
<script src=https://www.lightgalleryjs.com/main.c5d899af129a53c2ad39b883a63a067495d02346156d60325338cdeffd78417057c32f51c6d2c0659d7c76e9c3cc69df91c087292fbd9efc1f60a169b1f45069.js integrity="sha512-xdiZrxKaU8KtObiDpjoGdJXQI0YVbWAyUzjN7/14QXBXwy9RxtLAZZ18dunDzGnfkcCHKS+9nvwfYKFpsfRQaQ==" crossorigin=anonymous defer></script>
</body>
</html>
10 changes: 6 additions & 4 deletions demos/events/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Regular.woff2 type=font/woff2 crossorigin>
<link rel=preload as=font href=https://www.lightgalleryjs.com/fonts/HelveticaNowDisplay-Medium.woff2 type=font/woff2 crossorigin>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.55a83c3de77ce0075b373d6b004d9ff18dfb6ad93fb6d46b86b005fcbb0e64c185b3d698dfa503c77512afb1717e710a59da1822936e733455315c44435d8f45.css integrity="sha512-Vag8Ped84AdbNz1rAE2f8Y37atk/ttRrhrAF/LsOZMGFs9aY36UDx3USr7FxfnEKWdoYIpNuczRVMVxEQ12PRQ==" crossorigin=anonymous>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.770a446e9bd7e44659a7e9d61c86ca2a241adf05b73a94b4e640ca42beff0c829eeecb4b730fc54293455697ddba7aa89689fe23c856f56908eb9d3b329d9b42.css integrity="sha512-dwpEbpvX5EZZp+nWHIbKKiQa3wW3OpS05kDKQr7/DIKe7stLcw/FQpNFVpfdunqolon+I8hW9WkI6507Mp2bQg==" crossorigin=anonymous>
<link rel=stylesheet href=/css/lightgallery-bundle.css>
<link rel=stylesheet href=/css/lg-transitions.css>
<noscript><style>img.lazyload{display:none}</style></noscript>
Expand Down Expand Up @@ -81,7 +81,7 @@
<nav class=docs-links aria-label="Main navigation">
<h3>Demos</h3>
<ul class=list-unstyled>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Video gallery</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/share/>Social sharing</a></li>
<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/swiper/>SwiperJs demo</a></li>
Expand All @@ -106,7 +106,9 @@ <h3>Demos</h3>
</nav>
</div>
<main class="docs-content col-lg-10 col-xl-8">
<h1>Events</h1>
<h1>
Events
</h1>
<p class=lead>lightGallery emits several custom events throughout the gallery lifecycle. This can be used to customize the gallery or to add your own features. <a href=../../docs/events/>Docs</a></p>
<p>Let&rsquo;s see how we can change the background color of the gallery on every slide
change.</p>
Expand Down Expand Up @@ -289,6 +291,6 @@ <h5>WebWhiz.ai</h5>
<script src=https://cdn.jsdelivr.net/npm/airtable@0.11.1/build/airtable.browser.js></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49767543-2"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date),gtag('config','UA-49767543-2')</script>
<script src=https://www.lightgalleryjs.com/main.ae15d5755e87992071e4089466c8666927922f1d1e6d4115d2675a913ee598afcfb912ebe9888107e1bfaa8a6fadf68067f07c437154984026e07651d5069040.js integrity="sha512-rhXVdV6HmSBx5AiUZshmaSeSLx0ebUEV0mdakT7lmK/PuRLr6YiBB+G/qopvrfaAZ/B8Q3FUmEAm4HZR1QaQQA==" crossorigin=anonymous defer></script>
<script src=https://www.lightgalleryjs.com/main.c5d899af129a53c2ad39b883a63a067495d02346156d60325338cdeffd78417057c32f51c6d2c0659d7c76e9c3cc69df91c087292fbd9efc1f60a169b1f45069.js integrity="sha512-xdiZrxKaU8KtObiDpjoGdJXQI0YVbWAyUzjN7/14QXBXwy9RxtLAZZ18dunDzGnfkcCHKS+9nvwfYKFpsfRQaQ==" crossorigin=anonymous defer></script>
</body>
</html>
Loading

0 comments on commit fc89474

Please sign in to comment.