How to connect a slider - Microfiche

Hello, how to connect this slider Microfiche, my html page
http://jquery-plugins.net/microfiche-simple-touch-enabled-carousel-plugin

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://withassociates.github.io/microfiche.js/vendor/jquery-1.7.1.js"></script>
<script src="http://withassociates.github.io/microfiche.js/microfiche.js"></script>
</head>

<body>
<div id="accordion-on-site">
		<ul class="search-results">
				<li class="search-entry">
						<h3> <a class="results-title" href="#"><strong>Text title </strong> </a></h3>
						<p class="search-entry-excerpt">
								<p>text text text tex text text tex text text tex text text tex text text tex text text tex text text tex</p>
								<p>text text text tex text text tex text text tex text text tex text text tex text text tex text text tex</p>
								<p>text text text tex text text tex text text tex text text tex text text tex text text tex text text tex</p>
						</p>
				</li>
				<li class="search-entry">
						<h3> <a class="results-title" href="#"><strong>Text title </strong> </a></h3>
						<p class="search-entry-excerpt">
								<p>text text text tex text text tex text text tex text text tex text text tex text text tex text text tex</p>
								<p>text text text tex text text tex text text tex text text tex text text tex text text tex text text tex</p>
								<p>text text text tex text text tex text text tex text text tex text text tex text text tex text text tex</p>
						</p>
				</li>
				<li class="search-entry">
						<h3> <a class="results-title" href="#"><strong>Text title </strong> </a></h3>
						<p class="search-entry-excerpt">
								<p>text text text tex text text tex text text tex text text tex text text tex text text tex text text tex</p>
								<p>text text text tex text text tex text text tex text text tex text text tex text text tex text text tex</p>
								<p>text text text tex text text tex text text tex text text tex text text tex text text tex text text tex</p>
						</p>
				</li>
		</ul>
</div>
</body>
</html>

Do you have experience with HTML/CSS? You’ll need to know how to construct this from the bits. There is some guidance on this page:

http://withassociates.github.io/microfiche.js/

Make a start, and show us where you are up to if you need some guidance.