hi folks
i need to know how i can add links to the images...many thanks
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!--Latest jQuery Core Library-->
</script>
<!--Cycle2 Plugin Script-->
<!--Cycle2 Carousel-->
<script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>
<style>
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.slideshow img {
border:4px solid #999;
}
/* pager */
.cycle-pager {
text-align: center;
width: 100%;
z-index: 500;
position: relative;
top: 0;
}
.cycle-pager span {
font-family: arial;
font-size: 75px;
width: 22px;
height: 22px;
display: inline-block;
color: #ddd;
cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color:#09C; }
.cycle-pager > * { cursor: pointer; }
</style>
</head>
<body>
<!--begin slideshow-->
<div class="slideshow"
data-cycle-pause-on-hover="true"
data-cycle-fx="carousel"
data-cycle-timeout="2000"
data-cycle-pager="#pager"
data-cycle-carousel-offset="2"
data-cycle-carousel-visible="3"
data-cycle-carousel-fluid="true"
>
<!--INSERT YOUR IMAGES HERE-->
</div>
<div class="cycle-pager" id="pager"></div>
<!--end slideshow-->
</body>
</html>