js实现的幻灯片显示示例代码 浏览:818

1,在页面上添加以下元素。
复制代码代码如下所示:

图片名称


2,播放文件列表的方法,通过遍历文件列表,在相应的图片容器中显示图片,显示幻灯片的效果。

时间延迟的方法可以用来调用遍历方法:window.setinterval(playpics()
复制代码代码如下所示:

*播放图片的处理方法
**
playpics()函数
{
VaR的SEL = document.getelementbyid(img_date );
如果(长度= = 0)没有图片直接返回
{
返回;
}
其他的
{
如果(下标SEL。SelectedIndex > 0) / /选择0多套图片选择。
{
选择。选择{选择。selectedindex-1 }。选中=真;
}
否则,如果选定项的下标为0,则最后一个图片设置为选中。
选择。选择{选择。length-1 }。选中=真;
}
ChangePic(SEL。选择{选择。SelectedIndex }。值); / /获取选中的图片,以及设置在相应的容器的图片的URL图片。

这个方法可以根据他们的需要进行修改。
}
};
推荐文章1
广告