用js实现图片切换的程序,形如下图,要求

1)默认情况下每隔0.8秒播放一张图片

2)共6张图片1)

如果想效果美观就去下一个jquery.
最简单的:
<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=1000;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
</script>

<img id=obj src ="1.jpg" border =0 />
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以)
虽然很简单,但是很实用。
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-07-08
在网上输 JS幻灯片特效 源代码很多很多
第2个回答  2014-07-07
这是什么问题,是直接要源代码吗?

js如何自动切换图片js如何自动切换图片格式
思路:使用javascript定时器函数setTimeout()以一定的毫秒间隔执行动作,在执行的动作中循环替换图片的src属性。按如下方式设置演示:1.HTML结构 img src=1.pngid=test>2.javascript代码 functionchange(n){ 如果(n\/\/一共5张图,循环替换。document.getelementbyid(测试src。png n;settimeout(更改()} ...

怎么用js定时替换图片怎么用js定时替换图片
如何用javascript实现图片定时切换 思路:使用javascript定时器函数setTimeout()以一定的毫秒间隔执行动作,在执行的动作中循环替换图片的src属性。按如下方式设置演示:1.HTML结构 img src=1.pngid=test>2.javascript代码 functionchange(n){ 如果(n\/\/一共5张图,循环替换。document.getelementbyid(测试src...

如何用js实现鼠标滑过图片切换另一张图片
1、准备切换图片素材,一般是两张,如图,放入img文件夹,跟HTML同级。2、然后用img嵌入到网页,嵌入其中的一张,另外一张待会切换。3、如图,现在是静态的,鼠标放上去也不会产生切换反应,因为没有用JS。4、如图,获取img,转成JS对象,加个[0]就可以转js对象了。5、然后设定经过事件,切换成另一...

3张图片,javascript实现点击图片更换下一张
js代码:function changeImg(num){ var img = document.getElementById('img_box').getElementsByTagName('img');for(i=0;i<=img.length;i++){ if(i==num+1) img[i].style.display="inline";else img[i].style.display="none";if(num==3) img[0].style.display="inline"; \/\/...

javascript 怎样实现图片动态切换
思路:使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作,在执行的动作中循环替换图片的src属性。树立演示如下:1、HTML结构 2、javascript代码 function change(n){if(n>5) n=1; \/\/ 一共5张图片,所以循环替换document.getElementById("test").setAttribute("src", n+".png")...

如何用js实现点击图片切换另一图片,再次点击恢复?
方法如下 window.onload=function(){ var Imgbtn=document.getElementById('btn');var Img=document.getElementById('img');Imgbtn.onclick=function(){ if(Img.src=='http:\/\/dl.bizhi.sogou.com\/images\/2012\/01\/19\/191337.png') { Img.src='http:\/\/pic3.nipic.com\/20090701...

JS实现点击一个按钮更换图片
正确的方法是让图片元素的id是img1,然后 document.getElementById('img1').src = "..\\images\/DT2.JPG"这样进行赋值。document.getElementById('img1')这一步的作用就是选择图片元素。这是针对此问题的测试页面 代码如下

用js做一个简单的摇奖程序,用javascript让三张图片快速切换,一个按钮...
首先图片的名字呢 最好有规律 象 img1,img2...img10 如何让图片切换:在方法里要有setTimeout(“该方法名()”,时间),再用Math.floor(Math.random()*10)+1; 产生3个随机数 分别给img显示 如何停下来,就判断按钮的value值,取得各img的图片名,再把全局的3个目标图片名比较 结果 就出来...

用js定时器切换背景图片,详细看下面代码,求js高手
你背景图片就设置了一个2.jpg再切换也是这一张图片啊 如果有多张图片比如说1-10.jpg,那就把oS.backgroundImage='url(2.jpg)';改为oS.backgroundImage='url('+(parseInt(Math.random() * 10) + 1)+'.jpg)';

网页制作是如何实现图片切换的?
新建项目文件夹如下图所示 编写index.html文件,代码如下:<DOCTYPE html> lunbo

相似回答