资源预览内容
第1页 / 共7页
第2页 / 共7页
第3页 / 共7页
第4页 / 共7页
第5页 / 共7页
第6页 / 共7页
第7页 / 共7页
亲,该文档总共7页全部预览完了,如果喜欢就下载吧!
资源描述
自动隔几秒就换一个图片,图片代码如下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; 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 changeImg()var obj=document.getElementById(showpic);if (curIndex=arr.length-1) curIndex=0;elsecurIndex+=1;obj.src=image/+arrcurIndex; 更多详细内容请查看:http:/www.111cn.net/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; i=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;然后我们只要在图片上加上更多详细内容请查看:http:/www.111cn.net/wy/99/3470767d1f6d59f6d7b1813c98dc6351.htmnew SlideTrans(idContainerph1, idSlider, 3, Vertical: false ).Run();new SlideTrans(idContainerph2, idSlider, 3, Vertical: false ).Run();new SlideTrans(idContainerph3, idSlider, 3, Vertical: false ).Run();
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号