Add a Flexslider slideshow to any amount of regular pages in 3 easy steps. #slideshow #flexslider

instructions.md

1. Add a bunch of images to a 'page'. Just images. No markup besides img elements.
2. Create a page.lookbook template and in it, add the code below.
3. Assign template to page.

page.lookbook.liquid

<div class="span12">
  <div class="flexslider-container">
    <div class="flexslider">
      <ul class="slides">
      {{ page.content }}
      </ul>
      <div class="flex-controls"></div>
    </div>
  </div>
</div>
 
<script>  
$('.slides').find('img').wrap('<li></li>');
</script>