User Login: 
Call us: +1 (561) 623-9627 Talk To A Local Marketing Expert

Horizontal kwicks gallery

  • tfile_gall_1_3
  • tfile_gall_1_4
  • tfile_gall_1_5
  • tfile_gall_1_6
  • tfile_gall_1_7
  • tfile_gall_1_2
<div class="kwicks-wrapper"> 
  <ul class="kwicks horizontal"> 
    <li><img alt="" src="images/big_pic1.jpg" /></li> 
    <li><img alt="" src="images/big_pic2.jpg" /></li> 
    <li><img alt="" src="images/big_pic3.jpg" /></li> 
    <li><img alt="" src="images/big_pic4.jpg" /></li> 
    <li><img alt="" src="images/big_pic5.jpg" /></li> 
    <li><img alt="" src="images/big_pic6.jpg" /></li> 
 [ kwicksslider id=2 ]

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/big_pic1.jpg” /></li>
  3. You can add links to each of the slides by placing each image to an <a> tag (<a href=”#”></a>).
  1. Create a gallery using NextGEN gallery plugin
  2. Find a place in the content where you wish to display the gallery
  3. Add [ kwicksslider id=X ] where x is the gallery id