Hi jordan,
Please refer below code
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.css"
rel="stylesheet" type="text/css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<script type="text/javascript">
$(function () {
$(".multiple-items").slick({
infinite: true,
slidesToShow: 1, //if you want to change the number of images to be displayed just change the number.
slidesToScroll: 1,
arrows: true
});
});
</script>
<style type="text/css">
.slick-prev, .slick-next
{
height: 40px;
width: 40px;
z-index: 9;
background: black;
border-radius: 100%;
}
.slick-prev:before, .slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-initialized .multiple-items
{
display: block;
height: 359px;
width: 131px;
}
.next
{
right: 0px;
}
.prev
{
left: 0px;
}
.slick-initialized .slick-slide
{
display: block;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<center>
<div align="center" class="multiple-items" style="width: 200px; height: 200px">
<img src="http://farm3.staticflickr.com/2854/10380193164_9b65e4c5ed_n.jpg" alt="" />
<img src="http://farm8.staticflickr.com/7395/10380186284_4f9ac522ed_n.jpg" alt="" />
<img src="http://farm8.staticflickr.com/7424/10380408813_3cd984570d_n.jpg" alt="" />
<img src="http://farm9.staticflickr.com/8395/8985239089_4318196db2_n.jpg" alt="" />
<img src="http://farm4.staticflickr.com/3723/8986453414_a869ddc3aa_n.jpg" alt="" />
<img src="http://farm3.staticflickr.com/2840/8985216479_c445ab181d_n.jpg" alt="" />
<img src="http://farm3.staticflickr.com/2893/8805325511_77409b3138_n.jpg" alt="" />
<img src="http://farm8.staticflickr.com/7386/8805321169_c2086199aa_n.jpg" alt="" />
<img src="http://farm6.staticflickr.com/5442/8815966346_01290e3473_n.jpg" alt="" />
<img src="http://farm5.staticflickr.com/4134/4768587708_cf78362af7_n.jpg" alt="" />
</div>
</center>
</form>
</body>
</html>
Demo
