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 businessAt 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 edgeCras 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:
- <div class="pro_kwicks-wrapper">
- <ul class="pro_kwicks">
- <li>
- <div class="pro_slide-kwicks">
- <img src="YourImage.jpg" alt="">
- <div class="pro_kwicks-banner">caption content</div>
- </div>
- </li>
- ...
- </ul>
- </div>
<div class="pro_kwicks-wrapper">
<ul class="pro_kwicks">
<li>
<div class="pro_slide-kwicks">
<img src="YourImage.jpg" alt="">
<div class="pro_kwicks-banner">caption content</div>
</div>
</li>
...
</ul>
</div>
In order to create a Kwicks slider you will need:
- Create a bulleted list <ul> with kwicks class (<ul class="pro_kwicks">).
- Each slide should consist of the following coding structure:
- <li>
- <div class="pro_slide-kwicks">
- <img src="YourImage.jpg" alt="">
- <div class="pro_kwicks-banner">caption content</div>
- </div>
- </li>
<li>
<div class="pro_slide-kwicks">
<img src="YourImage.jpg" alt="">
<div class="pro_kwicks-banner">caption content</div>
</div>
</li>
- You can add links to each of the slides by placing each image to an <a> tag (<a href="#"></a>).