Use jQuery slider as jQuery is light weight
Implement Image slider using jQuery in ASP.Net
Or you can refer this
http://bxslider.com/examples/image-slideshow-captions
Download the sample
copy jquery.bxslider.min.js and jquery.bxslider.css in your website folder
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.css">
<script type="text/javascript" src="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.js"></script>
<style type="text/css">
.bx-caption
{
height: 50px !important;
width: 500px !important;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$('.bxslider').bxSlider({
mode: 'fade',
auto: true,
captions: true
});
});
</script>
</head>
<body>
<div>
<ul class="bxslider">
<li>
<img src="http://aspsnippets.com/demos/SampleImages/Chrysanthemum.jpg" width="500" height="500" title="Chrysanthemum" /></li>
<li>
<img src="http://aspsnippets.com/demos/SampleImages/Koala.jpg" width="500" height="500" title="Lighthouse" /></li>
<li>
<img src="http://aspsnippets.com/demos/SampleImages/Jellyfish.jpg" width="500" height="500" title="Tulips" /></li>
</ul>
</div>
</body>
</html>
Demo