Questions tagged [lightgallery-2]

For issues related to lightGallery.js 2.x.

For issues related to lightGallery.js 2.x; a customizable, modular, responsive lightbox gallery plugin.

The earliest stable release of v.2.0.0 was in May 2021.

Official Website

10 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:
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
vote
1 answer

LightGallery with JqueryMobile

I have a little problem with LightGallery plugin (lightGallery - Git). I use jQueryMobile. My gallery is on a specific page. When I arrive on this page, it will request a remote server to get some pics. Then I initialize LightGallery. No problem…
RomCatan
  • 11
  • 1
0
votes
0 answers

LighGallery update with Isotope after filtering

At the first load, LighGallery works fine but after filtering I still have all images in the LighGallery ! How can I 'update' the LightGallery with only filtered images on button clicked ? I tried to initialize one more time LightGalley inside the…
Chris
  • 435
  • 1
  • 8
  • 21
0
votes
0 answers

PDF is not viewing properly using LightGallery with Vue 3

I am trying to use the dynamic mode in LightGallery with Vue 3, where I have an array of images and PDF files. When it encounters a PDF file, I set iframe: true to display it. However, the PDF is not viewing properly. I have attached an image of the…
Neha
  • 2,136
  • 5
  • 21
  • 50
0
votes
0 answers

Load first 3-5 images in lightgalleryjs dynamic mode

I'm changing the question after I found a lightgalleryjs which is more advanced than fancybox. Is it possible to load first 3-5 images by default in dynamic mode than once the lightbox is opened the rest of images are loaded. So let's say if I have…
David Buik
  • 522
  • 1
  • 8
  • 31
0
votes
1 answer

Webpack not loading font from plugin in Rails

I'm new to Webpack and I'm trying to load the stylesheet of a plugin lightgallery installed through yarn add. I can successfully load the JavaScript. However, the stylesheet crashes when trying to load a font: Error: Cannot find module…
migu
  • 4,236
  • 5
  • 39
  • 60
0
votes
1 answer

Create a single slide show of images and HTML5 videos using lightGallery

I am trying to create a mixed slider of images and HTML5 videos using lightgallery.js. Images are shown in slider while video does not play. It gives this error: Oops..fail to load content Below are the CSS and JS files included in my…
Anji
  • 111
  • 10
0
votes
1 answer

How to add click event listener on images of gallery, when they are lazy loading?

I am using inline gallery of light gallery JS and trying to add click event listener on images of gallery. For that, I am using this event- lgAfterOpen. I am not able to get all the image tags as the images are lazy loading, using this lgAfterOpen…
0
votes
0 answers

lightGallery.js isn't working with dynamically appended div

I am new to web development. I am trying to use Isotope & infiniteScroll.js plugin & lightGallery.js to create a gallery. lightGallery.js isn't working on my code. JS let $grid = $('.grid').isotope({ itemSelector: 'none', // select none at first …