Skip to content

Commit

Permalink
updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@sachinchoolur
sachinchoolur committed Feb 16, 2024
1 parent 2e88d79 commit 77bfd19
Show file tree
Hide file tree
Showing 113 changed files with 21,467 additions and 1,476 deletions.
147 changes: 108 additions & 39 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.5cce80e54730726310bee9b30461824f9bbeb8c686506d797304dc5ee4e15ba21e05c04e08544283f9b0146377dca747835390597ce35ad0cec05e426fc75f50.css integrity="sha512-XM6A5UcwcmMQvumzBGGCT5u+uMaGUG15cwTcXuThW6IeBcBOCFRCg/mwFGN33KdHg1OQWXzjWtDOwF5Cb8dfUA==" crossorigin=anonymous>
<link rel=stylesheet href=https://www.lightgalleryjs.com/main.4886fbcb18158745c65fb6d5b5400b25a4520628f8470429cb01c84578a4bdaf2b6fca3a8996bc2c1e3539ac0add7d07d96d8ddb68c2d99f3de4380326317505.css integrity="sha512-SIb7yxgVh0XGX7bVtUALJaRSBij4RwQpywHIRXikva8rb8o6iZa8LB41OawK3X0H2W2N22jC2Z895DgDJjF1BQ==" 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 @@ -85,47 +85,47 @@ <h3 class=text-center>Docs</h3>
<div class=card-list>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/getting-started/>Get Started &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/lg-query/>LgQuery &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/license/>LightGallery License &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/settings/>Settings &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/angular-image-video-gallery/>Image and Video Gallery for Angular &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/custom-work/>Custom Work &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/vue-image-video-gallery/>Image and Video Gallery for Vue &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/creating-plugins/>Creating Plugins &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/react-image-video-gallery/>Image and Video Gallery for React &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/license/>LightGallery License &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/attributes/>Attributes &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/vue-image-video-gallery/>Image and Video Gallery for Vue &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/creating-plugins/>Creating Plugins &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/react-image-video-gallery/>Image and Video Gallery for React &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/custom-work/>Custom Work &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/attributes/>Attributes &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/lg-query/>LgQuery &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/getting-started/>Get Started &rarr;</a>
</div>
</div>
<div class="card my-3">
Expand All @@ -145,55 +145,50 @@ <h3 class=text-center>Docs</h3>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/settings/>Settings &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/docs/angular-image-video-gallery/>Image and Video Gallery for Angular &rarr;</a>
</div>
</div>
</div>
<h3 class=text-center>Demos</h3>
<div class=card-list>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/events/>Events &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/bootstrap-image-gallery/>Bootstrap Image Gallery &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Responsive HTML5 Video Gallery &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/carousel-gallery/>Carousel Gallery &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/share/>Social Sharing &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/bootstrap-image-carousel/>Bootstrap Carousel With LightBox Gallery &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/swiper/>SwiperJs Demo &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/react-carousel/>React Carousel &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/inline/>Inline Gallery &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/video-carousel/>Video Carousel &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/thumbnails/>JavaScript Gallery With Thumbnails. &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom Image From Origin &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/share/>Social Sharing &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/hash/>Hash &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/react-video-carousel/>React Video Carousel &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium Like Image Zoom &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Responsive HTML5 Video Gallery &rarr;</a>
</div>
</div>
<div class="card my-3">
Expand All @@ -203,7 +198,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/comment-box/>Lightbox Gallery With Facebook and Disqus Comments &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/thumbnails/>JavaScript Gallery With Thumbnails. &rarr;</a>
</div>
</div>
<div class="card my-3">
Expand All @@ -218,7 +213,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/infinite-scrolling/>Infinite Scrolling &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/slick-carousel-demo/>Slick Carousel Demo &rarr;</a>
</div>
</div>
<div class="card my-3">
Expand All @@ -228,12 +223,12 @@ <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/captions/>Captions &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/events/>Events &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/custom-easing/>Custom Easing &rarr;</a>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/owl-carousel-with-lightbox/>Owl Carousel Demo &rarr;</a>
</div>
</div>
<div class="card my-3">
Expand All @@ -256,6 +251,71 @@ <h3 class=text-center>Demos</h3>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/html-markup/>HTML Markup &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/hash/>Hash &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/custom-easing/>Custom Easing &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/captions/>Captions &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite Scrolling &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/comment-box/>Lightbox Gallery With Facebook and Disqus Comments &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium Like Image Zoom &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/flickity-demo/>Flickity Carousel Demo &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/bootstrap-video-gallery/>Bootstrap Video Gallery &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/bootstrap-video-carousel/>Bootstrap Video Carousel &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom Image From Origin &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/react-image-gallery/>React Image Gallery &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/react-video-gallery/>React Video Gallery &rarr;</a>
</div>
</div>
<div class="card my-3">
<div class=card-body>
<a class=stretched-link href=https://www.lightgalleryjs.com/demos/swiper/>SwiperJs Demo &rarr;</a>
</div>
</div>
</div>
</article>
</div>
Expand All @@ -268,13 +328,13 @@ <h3 class=text-center>Demos</h3>
<h4>Components</h4>
<ul class=footer-menu>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/docs/react-image-video-gallery>React</a>
<a href=https://www.lightgalleryjs.com/docs/react-image-video-gallery/>React</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/docs/vue-image-video-gallery>Vue.js</a>
<a href=https://www.lightgalleryjs.com/docs/vue-image-video-gallery/>Vue.js</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/docs/angular-image-video-gallery>Angular</a>
<a href=https://www.lightgalleryjs.com/docs/angular-image-video-gallery/>Angular</a>
</li>
<li class=footer-menu-item>
<a href="https://codesandbox.io/s/lightgallery-lit-23yv2?file=/src/index.js">Lit</a>
Expand All @@ -285,33 +345,39 @@ <h4>Components</h4>
<h4>Docs</h4>
<ul class=footer-menu>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/docs/getting-started>Get started</a>
<a href=https://www.lightgalleryjs.com/docs/getting-started/>Get started</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/docs/settings>Settings</a>
<a href=https://www.lightgalleryjs.com/docs/settings/>Settings</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/docs/events/>Events</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/docs/methods/>Methods</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/blog/>Blog</a>
</li>
</ul>
</div>
<div class=col-sm-3>
<h4>Demos</h4>
<ul class=footer-menu>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/demos/thumbnails>Thumbnails</a>
<a href=https://www.lightgalleryjs.com/demos/thumbnails/>Thumbnails</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/demos/dynamic-mode>Dynamic</a>
<a href=https://www.lightgalleryjs.com/demos/carousel-gallery/>Carousel</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/demos/inline>Inline</a>
<a href=https://www.lightgalleryjs.com/demos/video-gallery/>Video</a>
</li>
<li class=footer-menu-item>
<a href=https://www.lightgalleryjs.com/demos/video-gallery>Video</a>
<a href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a>
</li>
</ul>
</div>
Expand All @@ -328,6 +394,9 @@ <h4>Social</h4>
<a target=_blank href=https://codepen.io/collection/BNNjpR>CodePen</a>
</li>
<li class=footer-menu-item>
<a target=_blank href=https://stackblitz.com/@sachinchoolur>Stackblitz</a>
</li>
<li class=footer-menu-item>
<a target=_blank href="https://docs.google.com/forms/d/e/1FAIpQLSfcxknmKJAF9btnCg8HugFadxyWRZ3TgC0ZKxOtIjdaGfqxIw/viewform?usp=pp_url&entry.34608024=Yes">Write a review</a>
</li>
</ul>
Expand Down Expand Up @@ -370,11 +439,11 @@ <h5>WebWhiz.ai</h5>
</footer>
<script id=__webwhizSdk__ src=https://widget.webwhiz.ai/webwhiz-sdk.js chatbotid=6427de1eb464389fa02a8e61></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js></script>
<script src=https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js></script>
<script src=https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.js></script>
<script src=https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js></script>
<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.e7f525c1ef91d6f04dd785ccf4ef42165d39505af877d93a3990fdfea3fed630498d76a3c00f12fc3274cb792a2c4eaa2dc93d7d2f5d46e708d3b849bac72344.js integrity="sha512-5/Ulwe+R1vBN14XM9O9CFl05UFr4d9k6OZD9/qP+1jBJjXajwA8S/DJ0y3kqLE6qLck9fS9dRucI07hJuscjRA==" crossorigin=anonymous defer></script>
<script src=https://www.lightgalleryjs.com/main.6c3b7a44dae7fec50a7118abd45307694535e7acac0a670dc266e4cb06d3a2dfa98ac5e1987276ceb14ff8fc3516244224ec66cdcda81814e24485c316e30756.js integrity="sha512-bDt6RNrn/sUKcRir1FMHaUU156ysCmcNwmbkywbTot+pisXhmHJ2zrFP+Pw1FiRCJOxmzc2oGBTiRIXDFuMHVg==" crossorigin=anonymous defer></script>
</body>
</html>
Binary file added blog/7-best-react-image-gallery-libraries/header.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 77bfd19

Please sign in to comment.