title: How to enable next/prev with prettyPhoto when links are within <li>
body: <p>I have a gallery with the following markup:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;
      &lt;figure&gt;
          &lt;a href="myimg1.jpg" rel="prettyPhoto"&gt;&lt;img src="thumb1.jpg" /&gt;&lt;/a&gt;
          &lt;figcaption&gt;
          some stuff here
          &lt;/figcaption&gt;
      &lt;/figure&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;figure&gt;
          &lt;a href="myimg2.jpg" rel="prettyPhoto"&gt;&lt;img src="thumb2.jpg" /&gt;&lt;/a&gt;
          &lt;figcaption&gt;
          some stuff here
          &lt;/figcaption&gt;
      &lt;/figure&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>As far as I can tell, for the automated next/previous navigation to work, the image links need  to be beside each other in the DOM. Is there any easy way to get it to work with the above structure? I looked over the options but couldn't see anything obvious.</p>