<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" width="device-width" user-scalable="no">
<title>Document</title>
<style id="css">
body{
margin: 0;
padding: 0;
}
#wrap{
position: relative;
}
#list{
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
}
#list li {
}
#list img{
100%;
display: block;
}
</style>
<script>
window.onload=function(){
}
</script>
</head>
<body>
<div id="wrap">
<ul id="list">
<li>
<a href="#">
<img src="img/1.jpg" />
</a>
</li>
<li>
<a href="#">
<img src="img/2.jpg" />
</a>
</li>
<li>
<a href="#">
<img src="img/3.jpg" />
</a>
</li>
<li>
<a href="#">
<img src="img/4.jpg" />
</a>
</li>
<li>
<a href="#">
<img src="img/5.jpg" />
</a>
</li>
</ul>
<nav id="nav">
<span class="active"></span>
<span></span>
<span></span>
<span></span>
<span></span>
</nav>
</div>
</body>
</html>