js实现幻灯片播放图片示例代码
发布时间：2024-07-25 05:14:26
标签：幻灯片,播放图片
1，在页面添加下面的元素。展示出置出图片文件列表文件。
<select id="img_date" style="width: 100％; margin-top: 10px; height: 50％;" size="20">
<option value="图片的url">图片名字</option>
</select>
2，播放文件列表的方法。主要是遍历文件列表并把图片展示在相应的图片容器就可以显示出幻灯片的效果。
可以用延时的方法调用遍历方法：window.setInterval("PlayPics()", speed);
/**
* 播放图片的处理方法
* */
function PlayPics()
{
var sel = document.getElementById("img_date");
if(sel.length==0)//没有图片时直接返回
{
return;
}
else
{
if(sel.selectedIndex>0)//被选中的下标大于0时就设置上一图片项被选中。
{
sel.options[sel.selectedIndex-1].selected=true;
}
else{//如果是被选中项的下标是0，就设置最后一张图片为被选中。
sel.options[sel.length-1].selected=true;
}
ChangePic(sel.options[sel.selectedIndex].value);//获取选中的图片，并把图片的url设置到相应的图片容器中。
//这个方法可以根据自己的需要进行修改。
}
};
0
投稿猜你喜欢
mysql复制表中的一列到另一个表中有时候，我们需要复制某个字段一整列的数据到另外一个新的字段中，这很简单，SQL可以这么写：UPDATE- django是 * 页，一般来说需要实时的生成访问的页面，展示给访问者，这样，内容可以随时变化，也就说请求到达视图函数之后，然后进行模板渲染
- 前言PC Server发展到今天，在性能方面有着长足的进步。64位的CPU在数年前都已经进入到寻常的家用PC之中，更别说是更高端的PC Se
- PHP PDO预定义常量以下常量由本扩展模块定义，因此只有在本扩展的模块被编译到PHP中，或者在运行时被动态加载后才有效。注意：PDO使用类
- Python在字符串格式化的两种方式％format％，关于整数的输出％o：oct 八进制％d：dec 十进制％x：hex 十六进制print
- 在今天网络开发方面，JavaScript起了很关键的作用；像jQuery, MooTools, Prototype等等JavaScript框
- 简介Button（按钮）组件用于实现各种各样的按钮。Button 组件可以包含文本或图像，你可以将一个 Python 的函数或方法与之相关联
- 方法对比:使用df[(df[“a”] > 3) & (df[“b&
- vue-cli npm解决vue项目中缺失core-js报错This dependency was not found:core-js/mo
- ah！其实没有标题说的那么严重！不过下面可是我们开发产品初期的一些血淋淋的案例，更多的安全威胁可以看看北北同学的《python hack》P
- 前言在使用 Go 语言开发过程中，我们不免会定义结构体，但是我们定义的结构体都是有字段的，基本不会定义不包含字段的 空结构体。你可能会反过来
- 在php中实现验证码还是很方便的，关键点在于掌握php gd库与session的用法。纵观网上php 生成验证码的例子，无不是php gd库
- JavaScript中的typeof其实非常复杂,它可以用来做很多事情,但同时也有很多怪异的表现.本文列举出了它的多个用法,而且还指出了存在
- 一定要对用户可能输入的诸如引号，尖括号等特殊字符给予足够重视，它们可能引发严重的安全问题。SQL注入的基本手法之一，就是利用对单引号未加过滤
- 一 前言在前端开发中总会遇到各种各样需要使用或计算坐标和距离的情况，但是这些属性和方法众多，全部熟练地记下来并非是一件易事，大多只能现查，耗
- 集合内建函数和内建方法（1）标准类型函数 len()：把集合作为参数
- 现有表格中的一行的代码如下所示： 效果可以看下具体51搜索展示http://www.51bt.cc，结合Xunsearch全文检索技术，可以
- 今天偶然看到“一个有将近两年的div + CSS 开发经验和历史，曾经是Web标准绝对拥趸的同志”在自己的blog上发表放弃div+css的
- 背景说的事务，大家应该都不陌生，开发用到 MySql 数据库的时候，通常会用到事务。其中比较经典的例子就是转账，比如你要给小明转 50 块钱
- 1.XpathXpath是一门在XML中查找信息的语言，可用来在XML文档中对元素和属性进行遍历。XQuery和xpoint都是构建于xpa
