<html>
<head>
<title>Image Slider</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body">
<div id="container">
<div id="slider">
<img id="1" src="images/image1.jpg" width="500" height="300">
<img id="2" src="images/image2.jpg" width="500" height="300">
<img id="3" src="images/image3.jpg" width="500" height="300">
<img id="4" src="images/image4.jpg" width="500" height="300">
<img id="5" src="images/image5.jpg" width="500" height="300">
</div>
<div class="button">
<a href="#" onClick="prev();return false;"><img src="images/prev.png" width="30" height="20"></a><a href="#" onClick="next();return false;"><img src="images/next.png" width="30" height="20"></a>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="jSlider.js"></script>
</body>
</html>