1、下载到的压缩包,上传到网站根目录下。
2、解压出来,复制index.html里面的主要代码,插入到网站项目想要放置的位置。
3、对插入的代码,根据自己需求对文字以及图片做适当的修改和替换,即可投入到自己网站中使用以及呈现。
在页面中应该有一个img标签<div>
<img src='' id='imgs'>
</div>
<button onclick='qie()'></button>
<input type='hidden' id='hiddenImg' >
<script>
1.在js中定义一个存储图片地址的数组
var imgArray = new Array('地址1','地址2'...)
2.设置影藏框的默认值为1
document.getElementById('hiddenImg')=0
3.首先写一个切换幻灯片的方法:
function qie(){
var num = number(document.getElementById('hiddenImg').value)
var img = document.getElementById('imgs')
img.setAttribute('src',imgArray [num])
4.判断影藏框的值是否大于数组的长度,改变影藏框的值
if(num>=imgArray.length-1){
document.getElementById('hiddenImg')=0
}else{
document.getElementById('hiddenImg')=num+1
}
}
<script>
大致思想是这样,参考下,代码是手打的,可能有错!!没测试!
slideList = ['./images/slide/zc/m1.jpg']这是一个数组的写法,slideList = ['./images/slide/zc/m1.jpg','./images/slide/zc/m1.jpg','./images/slide/zc/m1.jpg']
多张就加多个路径,中间用逗号隔开