PrettyPhoto-show specific sequence of Images as slides

PrettyPhoto- show specific sequence of Images as slides

by vishnu nagarajan

HTML

<ul class="grid  cat_items">
  
  <!-- Project 1 Files --->
  <!-- First image/li acta as cover image--->
  <!-- grouped by rel="prettyPhoto[1]" --->
  <li class="col-sm-4"  data-filter=".photos">
    <a rel="prettyPhoto[1]" href="https://www.dropbox.com/home/stack/jsfiddle/PrettyPhoto-%20show%20specific%20sequence%20of%20Images%20as%20slides?preview=p1-img1.jpg">
    <img class="img-responsive" src="https://www.dropbox.com/home/stack/jsfiddle/PrettyPhoto-%20show%20specific%20sequence%20of%20Images%20as%20slides?preview=p1-img1.jpg" alt="" title=""/>
    </a>
  </li>
  <li class="col-sm-4"  data-filter=".photos">
    <a rel="prettyPhoto[1]" href="images/works/photos/1.jpg">
    <img class="img-responsive" src="images/works/photos/1.jpg" alt="" title=""/>
    </a>
  </li>
  <li class="col-sm-4"  data-filter=".photos">
    <a rel="prettyPhoto[1]" href="images/works/photos/1.jpg">
    <img class="img-responsive" src="images/works/photos/1.jpg" alt="" title=""/>
    </a>
  </li>
  <!-- Project 2 Files --->
  <!-- grouped by rel="prettyPhoto[2]" --->
  <li class="col-sm-4"  data-filter=".photos">
    <a rel="prettyPhoto[2]" href="images/works/photos/1.jpg">
    <img class="img-responsive" src="images/works/photos/1.jpg" alt="" title=""/>
    </a>
  </li>
  <li class="col-sm-4"  data-filter=".photos">
    <a rel="prettyPhoto[2]" href="images/works/photos/1.jpg">
    <img class="img-responsive" src="images/works/photos/1.jpg" alt="" title=""/>
    </a>
  </li>
  <li class="col-sm-4"  data-filter=".photos">
    <a rel="prettyPhoto[2]" href="images/works/photos/1.jpg">
    <img class="img-responsive" src="images/works/photos/1.jpg" alt="" title=""/>
    </a>
  </li>
  
  <!-- Project 3 Files --->
  <!-- grouped by rel="prettyPhoto[3]" --->
  <li class="col-sm-4"  data-filter=".photos">
    <a rel="prettyPhoto[3]" href="images/works/photos/1.jpg">
    <img class="img-responsive" src="images/works/photos/1.jpg" alt="" title=""/>
    </a>
  </li>
  <li class="col-sm-4" ...