title: Controlling what clicks trigger jQuery lightGallery
body: <p>Have been trying to implement the jQuery LightGallery onto my website, but I have a unique structure for how the thumbnails need to be. These galleries are for photos taken at a specific events with only one person viewing the gallery. I have my own javascript based 'LIKE' system for these photos so people can LIKE the photos. Problem has been people want to look at the images on their phones, and the gallery wasn't built for that. LightGallery was the answer. So underneath each thumbnail I have a LIKE button that's a DIV with a link on it that fires a javascript function. Problem is, when I try to implement this in the LIST structure of LightGallery, the LightGallery listener overrides the link on that DIV, instead firing the large image. So for example...</p>
  
  <pre><code>&lt;li data-src="&lt;?=$FrameLink?&gt;" id='Cell&lt;?=$FrameNumber?&gt;'&gt;
  
  &lt;a href="#" title="IMAGE #&lt;?=$FrameNumber?&gt;"&gt;&lt;img src="&lt;?=$ThumbLink?&gt;" height="173" width="117" border="0" id='IMG&lt;?=$FrameNumber?&gt;' class="IMGThumb"&gt;&lt;/a&gt;
  
  &lt;a href="javascript:loadintoIframe('FavList','favlist.php?Name=&lt;?=$Name?&gt;&amp;Do=Remove&amp;Frame=&lt;?=$FrameWOExt?&gt;=')" onclick="FavChange('&lt;?=$FrameNumber?&gt;','ON')"&gt;&lt;div id='NoLike&lt;?=$FrameNumber?&gt;' class='NoLike'&gt;&lt;/div&gt;&lt;/a&gt;
  
   &lt;/li&gt;
  </code></pre>
  
  <p>So as you can imagine, the last link and div should allow you to click on it and trigger the loadintoiframe javascript... but the LightGallery overrides that link. I've tried to z-index through CSS to see if I can get that DIV above whatever LightGallery was doing, but everytime I try to click on that div it just enlarges the photo.</p>
  
  <p>So my question is how can I change the LightGallery code to ONLY add the link that triggers the image enlarging to JUST the image, and not the entire list item? Or perhaps to have it just listen for a click on the thumbnail rather than the entire list item? Thanks!</p>
  
  <p>Here's a photo to illustrate my point...
  <a href="http://i.stack.imgur.com/Opd9K.jpg" rel="nofollow">Photo of how I'd like it to work</a></p>