• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16

<div id="slider">
  <div class="slider-wrap">
    <div class="slide" style='background: #999'>
      <div>I am slide 1</div>
    </div>
    <div class="slide" style='background: #666'>
      <div>I am slide 2</div>
    </div>
    <div class="slide" style='background: #444'>
      <div>I am slide 3</div>
    </div>    
  </div>  
</div>

<a href="" class="nav" data-direction='prev'>prev</a>
<a href="" class="nav" data-direction='next'>next</a>