Say Hello.... +44 (0) 1404 44558

Case Studies

  • The Test People
    The Test People

  • Lava Luxury
    Local Contract Cleaning

  • Odin Technology
    Odin Technology

  • Local Contract Cleaning
    Performance Training

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>

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:
<li>
	<div class="pro_slide-kwicks">
		<img src="YourImage.jpg" alt="">
		<div class="pro_kwicks-banner">caption content</div>
	</div>
</li>
  1. You can add links to each of the slides by placing each image to an <a> tag (<a href="#"></a>).