carolineschnapp
8/10/2015 - 3:24 AM

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

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

page.lookbook.liquid
content_copyfile_download
<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>
instructions.md
content_copyfile_download
  • Rendered
  • Source
  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.