1、下载到的压缩包，上传到网站根目录下。
2、解压出来，复制index.html里面的主要代码，插入到网站项目想要放置的位置。
3、对插入的代码，根据自己需求对文字以及图片做适当的修改和替换，即可投入到自己网站中使用以及呈现。
这个写得太复杂了，我发你一个自己写得<!doctype html>
<html lang="en">
<head>
<title>图片切换</title>
<style>
li{
list-style-type:none
}
#ad{
width:524px
text-align:center
}
#ad_screen{
width:524px
height:190px
float:left
}
.ad_page{
float:left
margin-top:-30px
margin-left:210px
}
.ad_page li{
float:left
background-color:#999
width:20px
height:20px
margin-left:3px
}
.ad_page li a{
color:#fff
}
</style>
<script>
function changead(num,refre)
{
if(num == 5)
num = 1
var sc = document.getElementById("screens")
sc.src="images/ad-0" + num+ ".jpg"
}
</script>
</head>
<body>
<div class="middle">
<div id="ad">
<div id="ad_screen">
<img id="screens" src="images/ad-01.jpg" width="524" height="190">
</div>
<ul class="ad_page">
<li><a href="#" id="p1" onclick="changead(1)">1</a></li>
<li><a href="#" id="p2" onclick="changead(2)">2</a></li>
<li><a href="#" id="p3" onclick="changead(3)">3</a></li>
<li><a href="#" id="p4" onclick="changead(4)">4</a></li>
</ul>
</div>
</div>
</body>
</html>
<style>里面是样式，图片路径因为我的图片是连续的1，2，3，4，所以就可以直接这样写方法
