《自动隔几秒就换一个图片》由会员分享，可在线阅读，更多相关《自动隔几秒就换一个图片（7页珍藏版）》请在金锄头文库上搜索。
1、自动隔几秒就换一个图片，图片代码如下2012-07-29 12:13 提问者采纳var curIndex=0;/时间间隔( 单位毫秒)，每秒钟显示一张，数组共有 5 张图片放在 Photos 文件夹下。var timeInterval=1000;var arr=new Array();arr0=photos/1.jpg;arr1=photos/2.jpg;arr2=photos/3.jpg;arr3=photos/4.jpg;arr4=photos/5.jpg;setInterval(changeImg,timeInterval);function changeImg()var obj=doc
2、ument.getElementById(obj);if (curIndex=arr.length-1) curIndex=0; elsecurIndex+=1;obj.src=arrcurIndex;自己修改一下就可以用了var curIndex=0;/时间间隔 单位毫秒var timeInterval=5000;var arr=new Array();arr0=1.jpg;arr1=2.jpg;arr2=3.jpg;arr3=4.jpg;arr4=5.jpg;arr5=6.jpg;arr6=7.jpg;setInterval(changeImg,timeInterval);function
3、 changeImg()var obj=document.getElementById(showpic);if (curIndex=arr.length-1) curIndex=0;elsecurIndex+=1;obj.src=image/+arrcurIndex; 更多详细内容请查看：http:/ margin:0; padding:0#lbCaption display:block;font-size:12px;font-weight:100;#img_container text-align:left; position:relative; margin:0 auto;border:1
4、px solid #000; overflow:hidden;width:120px; height:159px;#imgboxposition:absolute; width:2000px;left:0px;top:0#imgbox img float:left; border:0; margin:0; width:120px; height:159px; 1/ $=function(obj)return document.getElementById(obj);/图片显示的宽度。对应样式中的宽度也要修改为一致。var imgWidth=120;/图片地址var imgsrc= new Ar
5、ray();imgsrc0=/jscss/demoimg/wall_s1.jpg;imgsrc1=/jscss/demoimg/wall_s2.jpg;imgsrc2=/jscss/demoimg/wall_s3.jpg;imgsrc3=/jscss/demoimg/wall_s4.jpg;/点开后大图地址var bigimgurl= new Array();bigimgurl0=/jscss/demoimg/wall1.jpg;bigimgurl1=/jscss/demoimg/wall2.jpg;bigimgurl2=/jscss/demoimg/wall3.jpg;bigimgurl3=
6、/jscss/demoimg/wall4.jpg;/图片文字简介var title= new Array();title0=风景美如画;title1=最爱旅游;title2=图片文字;title3=图片文字介绍;title4=您的内容;var arraylen=imgsrc.length;for (i=0; i=0)Oleft=-(imgsrc.length)*imgWidth;$(imgbox).style.left= Oleft+imgWidth + px;$(currentnum).innerHTML=-parseInt($(imgbox).style.left)/imgWidth+1;
7、图片按比例自动伸缩效果代码function resizepic(thispic) if(thispic.width570) thispic.width=570; function bbimg(o) var zoom=parseInt(o.style.zoom, 10)|100; zoom+=event.wheelDelta/12; if (zoom0) o.style.zoom=zoom+%; return false; function CheckComment()fcm.submit();fcm.s.disabled=true;然后我们只要在图片上加上更多详细内容请查看：http:/ SlideTrans(idContainerph1, idSlider, 3, Vertical: false ).Run();new SlideTrans(idContainerph2, idSlider, 3, Vertical: false ).Run();new SlideTrans(idContainerph3, idSlider, 3, Vertical: false ).Run();
