Horizontal kwicks gallery

<div class="kwicks-wrapper"> 
  <ul class="kwicks horizontal"> 
    <li><img alt="" src="images/tfile_gall_1_2.jpg" /></li> 
    <li><img alt="" src="images/tfile_gall_1_3.jpg" /></li> 
    <li><img alt="" src="images/tfile_gall_1_4.jpg" /></li> 
    <li><img alt="" src="images/tfile_gall_1_5.jpg" /></li> 
    <li><img alt="" src="images/tfile_gall_1_6.jpg" /></li> 
    <li><img alt="" src="images/tfile_gall_1_7.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/tfile_gall_1_2.jpg" /></li>
  3. You can add links to each of the slides by placing each image to an <a> tag (<a href="#"></a>).