Horizontal Kwicks Gallery

<div class="kwicks-wrapper"> 
  <ul class="kwicks horizontal"> 
    <li><img alt="" src="images/slide-18.jpg" /></li>
    <li><img alt="" src="images/slide-19.jpg" /></li>
    <li><img alt="" src="images/slide-20.jpg" /></li> 
    <li><img alt="" src="images/slide-21.jpg" /></li> 
    <li><img alt="" src="images/slide-22.jpg" /></li>  
  </ul> 
</div>

In order to create a Kwicks slider you will need:

  1. Create a bulleted list <ul> with kwicks and horizontal classes (<ul class="kwicks horizontal">).
  2. Each slide should consist of the following coding structure:
    <li><img alt="" src="images/slide-1.jpg" /></li>
  3. You can add links to each of the slides by placing each image to an <a> tag (<a href="#"></a>).