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

Question

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

, и я пытаюсь получить значение 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'));

});