Idealex

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.

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

The HTML Kwicks Slider Structure:

copytextpop-up

<div class="kwicks-wrapper">
    <ul class="kwicks"> 
        <li>
            <div class="slide-kwicks">
                <img src="YourImage.jpg" alt="">
                <div class="kwicks-banner">caption content</div>
            </div>
        </li>
        ...
    </ul>
</div>

<div class="kwicks-wrapper">
	<ul class="kwicks"> 
		<li>
			<div class="slide-kwicks">
				<img src="YourImage.jpg" alt="">
				<div class="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="kwicks">).
Each slide should consist of the following coding structure:

copytextpop-up

<li>
    <div class="slide-kwicks">
        <img src="YourImage.jpg" alt="">
        <div class="kwicks-banner">caption content</div>
    </div>
</li>

<li>
	<div class="slide-kwicks">
		<img src="YourImage.jpg" alt="">
		<div class="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>).