Kwicks slider

  • We work for your profit!

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis, sed posuere nisi porta a.

  • Experts in business

    At vero eos et accusamus et iustomes odio dignissimos dumus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Succeed with us!

    Etiam vel enim lorem. Nunc lorem sapien, ultrices at faucibus at, varius a est. Cras ultricies, quam ac lobortis porta, ante sapien mollis dui.

  • Broaden your market edge

    Cras ultricies, quam ac lobortis porta, ante sapien mollis dui. Etiam vel enim lorem. Etiam vel enim lorem.

Description

To make the slider work kwicks-1.5.1.pack.js file is used

The HTML Kwicks Slider Structure:

  1. <div class="pro_kwicks-wrapper">
  2.     <ul class="pro_kwicks">
  3.         <li>
  4.             <div class="pro_slide-kwicks">
  5.                 <img src="YourImage.jpg" alt="">
  6.                 <div class="pro_kwicks-banner">caption content</div>
  7.             </div>
  8.         </li>
  9.         ...
  10.     </ul>
  11. </div>

In order to create a Kwicks slider you will need:

  1. Create a bulleted list <ul> with kwicks class (<ul class="pro_kwicks">).
  2. Each slide should consist of the following coding structure:
  1. <li>
  2.     <div class="pro_slide-kwicks">
  3.         <img src="YourImage.jpg" alt="">
  4.         <div class="pro_kwicks-banner">caption content</div>
  5.     </div>
  6. </li>
  1. You can add links to each of the slides by placing each image to an <a> tag (<a href="#"></a>).