title: Call Lightbox with onClick Event
body: <p>I have a Gallery using an unordered list, like bellow:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li style="background: center no-repeat #bc874c url(images/image-01.jpg)"&gt;&lt;/li&gt;
      &lt;li style="background: center no-repeat #bc874c url(images/image-02.jpg)"&gt;&lt;/li&gt;
      &lt;li style="background: center no-repeat #bc874c url(images/image-03.jpg)"&gt;&lt;/li&gt;
      &lt;li style="background: center no-repeat #bc874c url(images/image-04.jpg)"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>As you can see, I'm using the background of the element to show the image, so, I want to when the user clicks on the <code>li</code> element, a lightbox opens, is that possible?</p>
  
  <p>Thanks a lot in advance.</p>