如何检查lightgallery.js的最后一张图片或最后一张幻灯片

Question

I am trying to check in any slide event the last image of the slider or even the slider length so i can calculate difference between current index and full length.

This is the documentation for LightGallery

Answer 1

Here is a code that works! I tested it on https://sachinchoolur.github.io/lightgallery.js/demos/

lg = document.getElementById('aniimated-thumbnials');

lg.addEventListener('onAfterSlide', function(event){
  if (event.detail.index == (window.lgData.lg0.items.length - 1)) {
    alert("This is the Last Slide!");
  }
}, false);

lightGallery(lg);

In this code, change the following names/variables:

aniimated-thumbnials - ID of the LightGallery

window.lgData.lg0 - window.lgData holds data about all LightGallery on the web page. So, first LightGallery is window.lgData.lg0 , second one is window.lgData.lg1 , and so on.