Получить data-src из плагина lightGallery

Question

Я использую плагин lightgallery http://sachinchoolur.github.io/lightGallery/docs/api.html

и я пытаюсь получить значение data-src при нажатии на изображение.

Основной HTML выглядит следующим образом

<div id="work-grid" class="grid wow fadeIn animated">
   <div class="ecp-thumbnail element-item landing" data-iframe="true"  data- 
    src="image/landingpages/alta_1.jpg">
   <img class="img-responsive img-thumbnail" 
   src="image/landingpages/thumb_alta_1.jpg" />
  </div>
</div>

и мой JavaScript выглядит следующим образом

var $workGrid = $("#work-grid");

$workGrid.lightGallery({
    mode: 'lg-fade',
    cssEasing: 'cubic-bezier(0.25, 0, 0.25, 1)',
    download: false,
     share: false,
     selector: 'this'
});

$workGrid.on('onBeforeOpen.lg', function (event, prevIndex, index) {
    alert($workGrid.data('src'));
});

Но я не могу получить значение атрибута data-src кликнувшего изображения.

Я добавил селектор: "это", но я просто не могу понять, как я должен это использовать?

Любая помощь будет оценена.

Answer 1

Для тех, кто пытается решить эту проблему, я смог получить этот индекс с помощью

$workGrid.on('onBeforeSlide.lg', функция (событие, индекс) {

alert($(".ecp-thumbnail").eq(index).attr('data-src'));

});

Answer 2

Попробуйте следующий код

            var $lg =  $('#lightgallery').lightGallery({
            animateThumb: false,
            showThumbByDefault: false,
            controls:false
        });

        $lg.lightGallery();
        $lg.on('onBeforeSlide.lg',function(){
        let src =  $lg.data('lightGallery').$items.eq(0).data('src');
            getHighResolutionScreenShots(src);
        });

также вы можете заменить эту функцию getHighResolutionScreenShots(src);