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
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 …
0
votes
1 answer

How integrate Lazy load image in sachinchoolur/lightGallery

I had added loader before load the actual image, it works for normal images but when I open the light box thumb should have actual images but still showing that loader.gif. the result should be like when I open the light box then the thumbnails of…
0
votes
1 answer

lightgallery-zoom.js importing causes "property 'modules' of undefined" WP functions.php

Currently I have lightgallery which working perfectly, but when I import additional plugin to it "lg-zoom.js" I'm getting error "property 'modules' of undefined". In the functions.php I have: wp_enqueue_script('lightgallery',…
0
votes
0 answers

How to destroy "dynamic lightgallery" instance so that none of its reference appear on another angular component

I am using angular 6 with laravel 5.2 as backend. I have two angular component which is using lightGallery this one : componentOne componentTwo In lightgallery there is option to hit like for the current zoomed image, When we are on componentOne…
0
votes
1 answer

Remove or Display none static text in html code

I want to remove or set css property as display:none for the text element which has no html element or has no id or class attribute. Please check image for reference.
Murlidhar Fichadia
  • 2,589
  • 6
  • 43
  • 93
0
votes
1 answer

Jekyll LightGallery how to load images inside their own DIVs, useful for Bootstrap

The original album.html from the tutorial Using LightGallery in Jekyll without tedious configs is the following (there's some basic Jekyll, Liquid looping code in there):
{% for image in site.static_files %} …
O0123
  • 481
  • 9
  • 28
0
votes
1 answer

Lazy loading in Light Gallery

I'm using lightgallery.js (https://sachinchoolur.github.io/lightgallery.js) to develop my ASP.NET MVC project. It seems ok to load some images which have a size of less than 1MB, but the problem here when I use about ~20 pictures (~2MB/picture),…
0
votes
1 answer

Adding checkboxes and input field inside lightgallery not working

I have images with a light gallery. If an image is clicked it will trigger the light gallery it displays properly. But when I tried adding checkboxes and input fields inside the light gallery it displays properly. But when I tried to get the value…
Macs
  • 1
0
votes
1 answer

How to destroy and re-initialise lightgallery.js

I am using lightgallery on my page, which is working fine. I have added a filter function to the gallery, so now need to destroy and rebuild my lightgallery to reflect the change in the gallery content. I have this so far: source.js import…
Mike Harrison
  • 1,020
  • 2
  • 15
  • 42
0
votes
0 answers

Is the videojs 'control bar' supposed to size to the width of the video or of the container?

I have an Electron desktop app which has a feature of showing a user's local videos in a 'lightbox' using jQuery lightgallery. It's a bit of a complicated setup as I am using an iframe loaded with videojs within lightgallery to present the…
spring
  • 18,009
  • 15
  • 80
  • 160
0
votes
1 answer

How to to create as much dynamicEl, as we received from PHP

On main page have Gallery, on click a image need open lightGallery slideshow with images that found on ftp directory, with gallery name that clicked on main page. PHP for finding images and count it:
Erekle M.
  • 105
  • 8
0
votes
1 answer

Add/edit an option in an already running instance of lightGallery

Is it possible to add/edit an option in an already running instance of the lightGallery script? I have this WordPress theme which loads an instance of lightGallery on galleries and I need to add/edit some of its options (for example: change the…
leemon
  • 917
  • 4
  • 19
  • 47
0
votes
1 answer

How to check if the user is going to the previous page with vue-router?

Context I have this LightGallery plugin, and I noticed that when it is in fullscreen, clicking on the previous page button will not close the LightGallery but go "silently" to the previous page without the user to be aware of it. In my case, I am…
Anwar
  • 4,162
  • 4
  • 41
  • 62
0
votes
2 answers

skip a line/item in asp:repeater

Is there a possible way to skip an item in asp:repeater? I have
    and
  • s where I need the ul to be repeated only once. Since it has id and ids must be unique. Here I need to skip repeating the
      then continue repeating the…
Evik Ghazarian
  • 1,803
  • 1
  • 9
  • 24
0
votes
2 answers

React lightgallery.js integration without JQuery?

I've been searching for a proper guidance for integrating lightgallery.js library into my application, but after several hours I did not find any solutions. Since I'm using React, I don't want to mix it with JQuery. I've stumbled across many similar…
sebamed
  • 1,047
  • 1
  • 9
  • 18