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

Why Javascript sliders break my css flex layout?

i am learning css flexbox and i have one problem with javascript sliders. I have tested several (lightgallery.js, swiper.js, siema.js) but everytime it seems to break my flexbox container. I have a main element and an aside element. On mobile, i…
studiok7
  • 97
  • 1
  • 8
8
votes
3 answers

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

when I try to click the link it shows this in browser console: Uncaught TypeError: $(...).lightGallery is not a function(anonymous function) @ index.html:250dispatch @ jquery.min.js:3r.handle @ jquery.min.js:3 and this is the code I used: …
6
votes
2 answers

Lightgallery not working

having a problem implementing lightgallery with my website. I've searched stack overflow and read the docs on the lightgallery page and can't figure out what the problem is! Here is the code for my site:
JonnyBSeagull
  • 63
  • 1
  • 1
  • 4
5
votes
8 answers

Close, prev, next icons not showing properly in Lightgallery Jquery

I successfully configured lightgallery in my project. However, when i click on thumbnail and big image comes up , prev, next, close icons not showing properly. Infact strange characters are showing. This can be viewed on page :…
Faraz Aleem
  • 169
  • 1
  • 3
  • 10
4
votes
0 answers

Trying to install npm package resulting in EEXIST error

In a Foundation for sites project im trying to add Lightgallery as an npm package. But it will not install, resulting in this error about Gulp: ➜ foundation-6.4.3 npm i lightgallery npm ERR! path…
Crave
  • 175
  • 3
  • 14
3
votes
1 answer

How to append a dynamic element to an image opened in lightgallery.js

I have a page that show lots of photos which can be opened with lightgallery.js I've already made some custom HTML caption which works fine. But now I want to add a label to the image itself. How can I do that? I will show an example of what my…
twan
  • 2,450
  • 10
  • 32
  • 92
3
votes
1 answer

Open lightgallery.js programmatically

So I'm using https://sachinchoolur.github.io/lightgallery.js/ for my gallery and it's great. When user clicks and image it opens and all is well.
Jack Robson
  • 2,184
  • 4
  • 27
  • 50
3
votes
1 answer

jquery lightGallery plugin showing images on the side/edge

I have tried using lightGallery plugin for displaying a gallery, but when I click on an image it show them in half and on the side like this. All I want is to center the image. I have looked on the inspector and found some not friendly css markups…
Lock Down
  • 65
  • 9
3
votes
0 answers

jQuery script stops working when integrated in a dynamic PHP file

I usually build my website's pages in .html and then, when everything works, I create the .php page for db and all the server-side stuff. 'Till now I hadn't any problem, but since when I'm trying to integrate some JS scripts in my pages, every time,…
Brigo
  • 1,086
  • 1
  • 12
  • 36
3
votes
1 answer

How to get lightgallery youtube thumbnails?

I'm trying to use this plugin: https://github.com/sachinchoolur/lightGallery What i can't understand is - does it generate thumbnails for images/video? And i can't get thumbnails from youtube using the docs... CSS:
Tosh
  • 281
  • 3
  • 15
3
votes
0 answers

Lightgallery - Comment Box be responsive

I would like to display the lightGallery with the comment box but it must be responsive for mobile devices. How can I do that? Will it need plugin customization? Thanks for helping.
Preston
  • 2,135
  • 7
  • 29
  • 47
3
votes
0 answers

jQuery lightGallery dynamic - open gallery to correct image

Using the jQuery lightGallery plugin: http://sachinchoolur.github.io/lightGallery/ So I have the following code: JSON (array): var gallery_json =…
Otis Wright
  • 1,980
  • 8
  • 31
  • 53
3
votes
2 answers

lightgallery does not work with dynamically generated elements

I have implement lighgallery plugin to my local site... and this is not working with dom elements ... for example 1.) append dom element created with js to html code.. if i create something like this in js "
Phoenix
  • 467
  • 1
  • 11
  • 23
3
votes
1 answer

Lightgallery with images in separate divs

I have multiple images in rows and I want Lightgallery to capture all the images on my page. I can only seem to get separate light galleries for each row instead of one big gallery. The problem occurs because I have sets of images inside divs, with…
Vince
  • 357
  • 1
  • 7
  • 18
3
votes
3 answers

lightGallery (jQuery plugin) in AngularJS

I'm trying to get the lightGallery jQuery plugin (http://sachinchoolur.github.io/lightGallery/index.html) to work with AngularJS. I found some answers that suggested I needed a directive, so I created the following: .directive('lightGallery',…
TheHvidsten
  • 4,028
  • 3
  • 29
  • 62
1
2 3
10 11