title: Showing images using prettyphoto onclick of another element
body: <p>I have a ul list of images as follows:</p>
  
  <pre><code>&lt;ul class="thumbs"&gt;
      &lt;li&gt;&lt;a href="#" rel="prettyPhoto[pp_gal]"&gt;&lt;img src="images/thumb.jpg" alt=""/&gt;&lt;/a&gt;
      &lt;li&gt;&lt;a href="#" rel="prettyPhoto[pp_gal]"&gt;&lt;img src="images/thumb.jpg" alt=""/&gt;&lt;/a&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I bind prettyphoto event as follows which works fine for gallary.</p>
  
  <pre><code> $("a[rel='prettyPhoto[pp_gal]']").prettyPhoto({ social_tools: false, slideshow: false });
  </code></pre>
  
  <p>I have another anchor tag on my page as follows:</p>
  
  <pre><code> &lt;a href="#"&gt;View all images&lt;/a&gt;
  </code></pre>
  
  <p>how can I bind pretty photo event such that onclick of viewall , images from ul get show up just same as they appear on click of any image from ul list.</p>