自動(dòng)隔幾秒就換一個(gè)圖片.docx

自動(dòng)隔幾秒就換一個(gè)圖片，圖片代碼如下 2012-07-29 12:13 提問(wèn)者采納var curIndex=0;/時(shí)間間隔(單位毫秒)，每秒鐘顯示一張，數(shù)組共有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; /時(shí)間間隔 單位毫秒 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; 更多詳細(xì)內(nèi)容請(qǐng)查看：/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);/圖片顯示的寬度。對(duì)應(yīng)樣式中的寬度也要修改為一致。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;/點(diǎn)開(kāi)后大圖地址var bigimgurl= new Array();bigimgurl0=/jscss/demoimg/wall1.jpg;bigimgurl1=/jscss/demoimg/wall2.jpg;bigimgurl2=/jscss/demoimg/wall3.jpg;bigimgurl3=/jscss/demoimg/wall4.jpg;/圖片文字簡(jiǎn)介var title= new Array();title0=風(fēng)景美如畫(huà);title1=最愛(ài)旅游;title2=圖片文字;title3=圖片文字介紹;title4=您的內(nèi)容;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; 圖片按比例自動(dòng)伸縮效果代碼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;然后我們只要在圖片上加上更多詳細(xì)內(nèi)容請(qǐng)查看：/wy/99/3470767d1f6d59f6d7b1813c98dc6351.htmnew SlideTrans(idContainerph1, idSlider, 3, Vertical: false ).Ru