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

lightgallery was closing if put next in Firefox browser

When Play Video in Firefox browser and click to next light gallery has closed I used light gallery in angular component and use every thing like documentation i cant find any logical issue to this behavior
Albaz
  • 905
  • 12
  • 21
0
votes
1 answer

How can I user lightgallery with Angular 7 project?

I have added its script to angular.json file. "scripts": ["./src/assets/js/lightgallery.js"] and its styles to style.scss file @import "./assets/externals/lightgallery.css"; and in my component I have tried that: declare var lightGallery:…
Ahmer Khan
  • 747
  • 1
  • 10
  • 31
0
votes
1 answer

Lightgallery can be opened only once (VueJs)

I have this problem, that lightgallery can be opened only once. Each next click on button is unresponsive. I'm using lightgallery as component. In my parent component I have two buttons, for opening image or video…
Valor_
  • 3,461
  • 9
  • 60
  • 109
0
votes
1 answer

Why light Gallery is removing my original has from page url despite of setting hash:false

Why lightGallery is removing my original hash from page url despite i'm setting hash:false Question: i don't want lightGallery to set any hash and remove any original hash i'm using lightGallery setup like this: { src: imgUrl, thumb:…
user5405873
0
votes
2 answers

How to display first image of gallery?

I have a container of images populated when the page is requested with the images available in a certain directory (so number of images is variable) using the Thymeleaf rendering framework:
TMOTTM
  • 3,286
  • 6
  • 32
  • 63
0
votes
0 answers

React : Script 'Failed to compile' using componentDidMount()

Setup I've loaded the Vanilla JS library lightgallery.js through NPM and importing it as normal. Issue I'm initializing this library through componentDidMount(), but it's failing to compile because 'lightGallery' is not defined. see sample below I…
kojay
  • 77
  • 2
  • 8
0
votes
2 answers

lightGallery doesn't work properly after Ajax call which replaces gallery images

I have a lightGallery installed which works great when I load my page. But when I perform an Ajax call to update the lightGallery images, lightSlider doesn't work. My problem is that I can update the content after an Ajax and view my images in full…
Reputated_Enginius
  • 336
  • 3
  • 22
0
votes
2 answers

Get data-src from lightGallery plugin

I am using the lightgallery plugin http://sachinchoolur.github.io/lightGallery/docs/api.html#attributes and I am tying to get the data-src value when the image when clicked. The basic HTML is as follows
Rob
  • 333
  • 5
  • 25
0
votes
1 answer

Dynamically generated lightslder and lightgallery

I have a news feed page where different posts show their images in a combination of lightslider and lightgallery. So far I have made it work for hardcoded posts, but failing to do the same for posts that are dynamically generated. Here is the code…
Bappy
  • 111
  • 1
  • 13
0
votes
1 answer

lightgallery doesnt work good

My gallery starts from my first img,but at counter its number 2, and when go back to first picture it shows me nothing, just black window (at first it shows me "src undefined", but now just black window). I want my first picture to be number 1…
Sanja
  • 1
  • 1
  • 7
0
votes
1 answer

jquery featherlight – caption BELOW imageslider

using lightslider in pretty much standard config I ran into the problem that I can only display captions INSIDE the imageslider and NOT below. How can I achieve such behaviour?
0
votes
2 answers

Uncaught TypeError: $(...).lightGallery(...).destroy is not a function

I am using the light gallery plugin fro my website , while running the $('#categoryImages').lightGallery().destroy(true); I getting the console error Uncaught TypeError: $(...).lightGallery(...).destroy is not a function the below mentioned code…
Gireesh T
  • 77
  • 1
  • 2
  • 7
0
votes
1 answer

target img in lightgallery.js slider

Is there a way to target the img showed in lightgallery.js slider ? This JS below has 3 fails to get a simple console.log(); : var $lg = $('#mosaic'); $lg.lightGallery({thumbnail: false, addClass: 'imgGallery'}); $('.imgGallery…
Joe278
  • 105
  • 1
  • 7
0
votes
1 answer

move on next / prev project left / right with arrow keys

I have this website https://www.sepulturaimpex.ro/portofoliu-constructii-metalice/ I want to move from one image to another by pressing arrow keys from the keyboard. Can u guys help me? Thx I'm trying to use this $(window).bind('keydown',…
Cristian Cris
  • 5
  • 3
0
votes
1 answer

How to use lightGallery with React.js

I am trying to integrate lightgallery plugin in my own project. But i can't using it in React controller. My actions: 1) installing with npm npm install lightgallery lg-thumbnail lg-autoplay lg-video lg-fullscreen lg-pager lg-zoom lg-hash lg-share…
Halkyon
  • 3
  • 1
  • 4
1 2 3
…
10 11