js幻灯片广告切换代码

JavaScript038

js幻灯片广告切换代码,第1张

js幻灯片广告切换代码如下操作。

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']

多张就加多个路径,中间用逗号隔开