自动隔几秒就换一个图片.docx

自动隔几秒就换一个图片，图片代码如下 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=document.getElementById(obj); if (curIndex=arr.length-1) curIndex=0; else curIndex+=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 changeImg() var obj=document.getElementById(showpic); if (curIndex=arr.length-1) curIndex=0; else curIndex+=1; obj.src=image/+arrcurIndex; 更多详细内容请查看：/wy/js-ajax/40019.htm图片左右切换： * margin:0; padding:0#lbCaption display:block;font-size:12px;font-weight:100;#img_container text-align:left; position:relative; margin:0 auto;border:1px 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 Array();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=/jscss/demoimg/wall4.jpg;/图片文字简介var title= new Array();title0=风景美如画;title1=最爱旅游;title2=图片文字;title3=图片文字介绍;title4=您的内容;var arraylen=imgsrc.length;for (i=0; iarraylen;i+)var obox=$(imgbox);var oimg=document.createElement(img); oimg.setAttribute(src,imgsrci);var oa=document.createElement(a); oa.setAttribute(href,bigimgurli); oa.setAttribute(title,titlei); oa.setAttribute(rel,lyteboxvacation); oa.appendChild(oimg); obox.appendChild(oa);$(allnum).innerHTML=imgsrc.length;$(next).onclick=function()var Oleft=parseInt($(imgbox).style.left);if(Oleft=0)Oleft=-(imgsrc.length)*imgWidth; $(imgbox).style.left= Oleft+imgWidth + px; $(currentnum).innerHTML=-parseInt($(imgbox).style.left)/imgWidth+1; 图片按比例自动伸缩效果代码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;然后我们只要在图片上加上更多详细内容请查看：/wy/99/3470767d1f6d59f6d7b1813c98dc6351.htmnew SlideTrans(idContainerph1, idSlider, 3, Vertical: false ).Ru