title: prettyPhoto with valid W3C but no Gallery
body: <p>I'm using the current code in the header to make prettyPhoto valid by W3C. </p>
  
  <pre><code> jQuery(document).ready(function() {
       jQuery("a[data-gal^='prettyPhoto']").prettyPhoto({
       social_tools:false 
       });
   });
  </code></pre>
  
  <p>Untouched Code and Recommended by prettyPhoto Documentation</p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
  $(document).ready(function(){
      $("a[rel^='prettyPhoto']").prettyPhoto();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>With the on page code as follows. </p>
  
  <pre><code>&lt;li&gt;&lt;a href="http://cdn.domain.com/1.jpg" data-gal="prettyPhoto[pp_gal]"&gt;&lt;img class="lazy" src="http://cdn.domain.com/grey.gif" data-original="http://cdn.domain.com/1.jpg" alt=""&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://cdn.domain.com/2.jpg" data-gal="prettyPhoto[pp_gal]"&gt;&lt;img class="lazy" src="http://cdn.domain.com/grey.gif" data-original="http://cdn.domain.com/2.jpg" alt=""&gt;&lt;/a&gt;&lt;/li&gt;  
  </code></pre>
  
  <p>PS. It's using LazyLoad on the thumb, but thats working fine too.</p>
  
  <p>The images are <strong>WORKING</strong> in the lightbox by prettyPhoto but they are not opening in Gallery (no next, prev etc, I think its not detecting the other images using the same tag), I suspect it has to do with the [pp_gal] and the code that I've written to get it working on data-gal instead of rel=. </p>
  
  <p>I suspect this is a easy fix for the jQuery Gurus. Thanks</p>