Stack Overflow
Stack Overflow

Questions tagged [lightgallery]

LightGallery is a customizable, modular, responsive, lightbox gallery plugin for jQuery.

LightGallery is a customizable, modular, responsive, lightbox gallery plugin for jQuery that uses a CSS-only approach for resizing images and videos.

Resources :

Related tags :

161 questions
2
votes
1 answer

Angular and lightgallery issue with src attribute

I try to use lightGallery with an Angular 11+ application. The photo gallery works as expected when HTML content is created statically, i.e. data-src attribute of a tag inside lightGallery has static value:
Vytautas Arminas
  • 387
  • 5
  • 16
2
votes
1 answer

lightgallery.js with querySelectorAll

I'm trying to run the lightgallery.js script (pure JS version) using querySelectorAll in several classes to no avail. This is the code I'm using: var lg = document.querySelectorAll( '.gallery-1, .gallery-2, .gallery-3'); for ( var i = 0; i <…
leemon
  • 917
  • 4
  • 19
  • 47
2
votes
0 answers

lightGallery.js video gallery not working

I am trying to include a video gallery of youtube videos using lightgallery but I can't get the video player to work. It instead opens youtube on a new tab. I am using cdn links to load lightgallery and it looks like i'm missing lg-video. However…
Ahmad Afiquddin Ahmad
  • 35
  • 3
2
votes
1 answer

Light gallery image download issue

When I am opening an image using lightgallery and I tried to download it. It works on the local server but when I'm trying to do same in production. The image opens up in a new tab. Product Server secure with https Image url comes from amazon s3…
Dharmesh Rakholia
  • 1,210
  • 9
  • 22
2
votes
0 answers

Destroy and reinitialize lightGallery/Isotope gallery after filtering

I am using lightGallery (v1.3.8) plus Isotope (v3.0.2) to build a photo gallery in a Bootstrap tab page. Lighgallery is unable to display the photo enlargements after the user clicks any of the isotope filters and produces the JS error: "Cannot read…
Tourex
  • 21
  • 4
2
votes
1 answer

Isotope filtering button state not working

I'm creating a portfolio gallery and I'm using LightGallery and isotope to filter the catergories, but when 1 filter button is pressed I want the active state of the button i.e "is-checked" class to be added to the button. the jQuery code is below.…
Kamalakannan
  • 119
  • 2
  • 16
2
votes
2 answers

How to reinitialize the lightgallery after ajax call

I am using lightgallery plugin to display images of my website on click. I initialized the light gallery as $(document).ready(function(){ $('#lightgallery').lightGallery({ selector: '.item' }); }); At the document load its working…
Deepak Kishore
  • 128
  • 1
  • 9
2
votes
1 answer

Using Isotope Filtering to list tag

I want to filter my gallery with isotope filters. I'm using Lightgallery to showcase my works and I need to categorize with isotope. It's not filtering or I've done wrong. I've used the list tag to display lightgallery images as my portfolio.…
Kamalakannan
  • 119
  • 2
  • 16
2
votes
1 answer

LightGallery is not working for angular 2

I am using LightGallery to display user pictures. How use LightGallery in angular 2 ?.
ranjeet
  • 540
  • 7
  • 16
2
votes
1 answer

Jquery custom sorting issue

I have a page that loads photos on page load from an API. ** Edit: Here is a CodePen with the page, error happing there: http://codepen.io/nathan-anderson/pen/GqXbvK When initially loading the page I use this to call on the info and use the…
nathananderson
  • 91
  • 9
2
votes
0 answers

Can't reproduce the example in lightSlider documentation

I'm having difficulty reproducing the functionality demonstrated in the example given by lightSlider's documentation here under the heading "Integrate with lightGallery" (no permalink unfortunately):…
davidtgq
  • 3,780
  • 10
  • 43
  • 80
1
vote
1 answer

Display "Yet Another React Lightbox" slide images a little zoomed by default

I have used this "Yet Another React Lightbox" on my website, and I am happy with that, but I need a little help. I want to show the slide images a little zoomed by default (transform: scale(5)), can anyone help me with how can I do that? LightBox…
Programmer Injamam
  • 39
  • 6
1
vote
0 answers

Error: React.useRef is not a function in Next.js 13 app directory when using LightGalley package

I am working on a project with Next.js 13 and LightGallery, to achieve a lightbox within a dynamic page. I am experiencing this error when I install the package and paste the code into my component. The project is running Next.js 13 with the new App…
nelakay
  • 103
  • 1
  • 11
1
vote
0 answers

Inline gallery not showing up, "Uncaught SyntaxError: Cannot use import statement outside a module"even though i add type="module"

Uncaught SyntaxError: Cannot use import statement outside a module. I already trying adding type="module".
…
A.Vind
  • 11
  • 3
1
vote
1 answer

Lightgallery v2 multiple instances

This library has an example to build a gallery based on element ID: lightGallery(document.getElementById('lightgallery'), { plugins: [lgZoom, lgThumbnail], speed: 500, ... other settings }); I want to build several instances based on a…
aitor
  • 2,281
  • 3
  • 22
  • 44
1
2
3
…
10 11