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

Light Gallery youtubeThumbSize not working

I'm using LightGallery for youtube videos. I´m trying to change the default thumbnail but it does not work. In the view I have:
0
votes
1 answer

troubles with overwriting sass variables

I'm working with lightGallery.js and I have some troubles with overwriting the sass variables. The only variable I have been able to successfully overwrite is $backdrop-opacity all the other variables in lg-variables.scss does not take effect.…
user7539157
0
votes
1 answer

How can i shift the light gallery thumbnails at the bottom to top?

I am using light gallery. http://sachinchoolur.github.io/lightGallery/demos/ I want to the position of thumbnails to be at the top instead of bottom. Anyone encountered such an issue? Please help me.
Ali Zia
  • 3,825
  • 5
  • 29
  • 77
0
votes
0 answers

url/slide parameters not appended

I'm using lightGallery and facebook comment/like plugin. Can't seem to figure out why there's not a linkback to the full url whenever someone uses fb-comments for tagging/linking. For me: page#lg=16&slide=1 becomes…
0
votes
0 answers

Link a gallery photo to a page without breaking JQuery animation

In the showcase section of this page (featured projects area), I am trying to link each photo to a dedicated page, instead of going into the JQuery light box. Is there a way to achieve this without breaking the fade up animations and the dark…
0
votes
1 answer

Uncaught Error: Make sure that slide 0 has an image/video src lightgallery

I am facing issue with light gallery with video js in angular js . Uncaught Error: Make sure that slide 0 has an image/video src
0
votes
1 answer

isotope with lightGallery filtering with multiple galleries

I am currently working on a portfolio for an artist. I am using Masonry with Isotope to filter for specific kinds of paintigs. When the items are being clicked, it opens lightGallery: http://sachinchoolur.github.io/lightGallery/ Everything works…
0
votes
3 answers

Can lightGallery() be used as a callback? Can it only initialize once after page load?

I'm having trouble using lightGallery() as a callback; I'm trying to use this in Shopify when a customer is selecting product options. For example, I have a div #lightgallery that has 5 images, and after the page loads,…
besseddrest
  • 155
  • 1
  • 8
0
votes
1 answer

lightGallery not loading images

The page I am experiencing this issue on is this one. I have tried swapping out static lightGallery JS for CDNJS version, I've tried calling the function in both JS and jQuery and I've even tried calling the lightGallery JS in both the header and…
E.Owen
  • 753
  • 1
  • 10
  • 25
0
votes
1 answer

Preloader before Lightgallery, isotope using Imageloaded

I'm using LightGallery to showcase my portfolio and isotope to filter the categories. As my images are in high quality I'm trying to use ImageLoaded but not able to achieve, still learning jQuery. I want the ImageLoaded to load the images in the…
Kamalakannan
  • 119
  • 2
  • 16
0
votes
1 answer

Lightgallery dynamic mode wrong index

I'm outputting three thumbnails with data-slide attributes on the page and use dynamic mode to populate the gallery with more images. It works fine, however when I open the gallery by clicking on the second/third thumbnail and press the next arrow,…
elbatron
  • 675
  • 3
  • 16
  • 30
0
votes
1 answer

Isotope Filters to only display Filtered Light Gallery images

I wanted to create a filtering portfolio for my website, I've got everything setup but the thing is, When I use Isotope to filter a category, of course it filters out but when I click on the image and fire up lightgallery, it shows all the images…
Kamalakannan
  • 119
  • 2
  • 16
0
votes
1 answer

Isotope filtering not working on anchor tag

I'm creating a portfolio site to showcase my works. I'm using Light Gallery to display images and videos on my website. I wanted to add the Filtering option by using the Isotope.js I'm not able to figure out what is wrong with my code. I've setup a…
Kamalakannan
  • 119
  • 2
  • 16
0
votes
4 answers

$ is not defined lightgallery

For some reason my lightgallery is not working. I added it the same way I always do and all javascript files are included after Jquery. I get this message in the console: Uncaught TypeError: $ is not a function at product-1.html:433 (anonymous)…
twan
  • 2,450
  • 10
  • 32
  • 92