title: Get data-src from lightGallery plugin
body: <p>I am using the lightgallery plugin <a href="http://sachinchoolur.github.io/lightGallery/docs/api.html#attributes" rel="nofollow noreferrer">http://sachinchoolur.github.io/lightGallery/docs/api.html#attributes</a></p>
  
  <p>and I am tying to get the data-src value when the image when clicked. </p>
  
  <p>The basic HTML is as follows</p>
  
  <pre><code>&lt;div id="work-grid" class="grid wow fadeIn animated"&gt;
     &lt;div class="ecp-thumbnail element-item landing" data-iframe="true"  data- 
      src="image/landingpages/alta_1.jpg"&gt;
     &lt;img class="img-responsive img-thumbnail" 
     src="image/landingpages/thumb_alta_1.jpg" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and my javascript is as follows</p>
  
  <pre><code>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'));
  });
  </code></pre>
  
  <p>But I cannot seem to get the data-src attribute value of the clicked image. </p>
  
  <p>I added selector: 'this' but I just cannot figure out how I am supposed  to use that?</p>
  
  <p>Any help would be appreciated. </p>