kfc 上海站 大众点评:图片自动切换代码

来源:百度文库 编辑:中财网 时间:2024/05/02 15:02:15

请看下面的四幅图片轮换显示动态图:
通常,这样的动态图是要用动画软件来做的,而上面这个动态图却是用简单的代码做出来的。这个动态图的代码很容易套用,只需将图片网址粘贴到相应位置,再填上几个数值就可以了,可能有些朋友暂时还不了解代码,不过没关系的,你大胆试试看吧,你也会用这段代码在新华论坛做出漂亮的动态图的!
请看代码(为便于观看,我将代码中有关部分用粗体字和彩色字表示):


我们将这个代码展开:






代码的大概意思:
代码中上面的粗体字的意思是说明这个动态图是在设定了高度宽度的表格中安排的,采用Time+html代码,让图片依次顺序播放;下面的粗体字说明顺序播放结束和表格结束。
中间是四段大致相同的代码,是说明这个Time+html代码中的作用对象媒体是图片,说明了图片在表格中的位置和想让图片以多少宽度(WIDTH)和多少高度(HEIGHT)来显示,并设定了图片显示时间长短(dur=秒)。这里写了四段表示有四幅图片,图片多少可自己设定,用几幅图片就写几段代码。
怎样用:
使用时,首先要决定让图片以多大的幅面进行显示,比如,我们想让图片以宽600、高450 的幅面显示,就需将上面代码中表格与图片的宽度(粉色字WIDTH后面)都填入600,将表格与图片高度(绿色字HEIGHT后面)都有填入450,再将几幅图片网址分别填入src="" 的引号内:






代码填写完毕要认真检查,确保无误后将代码全部复制下来,粘贴到论坛发帖窗口,发帖后要通知斑竹请斑竹帮助显化。
◆◆
几点说明:
1,这种Time+html代码可在论坛使用,但不能在新华博客上使用(新华博客系统目前不能识别这种代码)。
2,这里所说的图片显示宽度(高度)是指想让图片以多大的幅面来显示,不是指图片的实际高度与宽度。比如,一幅图片宽800,高600,想让它以600 450 幅面显示,就要在代码中高度填写600 ,高度填写450。无论图片原宽度和高度是多少,在同一个设置中最好采用同样的显示高度和宽度(当然,设置成以不同的幅面显示也是可以的),在同一设置中,有的图片高宽比例与其它图片不一样,也最好设定同样的高度宽度,这样有利于美观整齐。比方说,有一幅图片是宽400、高1230,为图片显示整齐,也要将它的显示宽度定为为600,高度定为450。大家看,这种设置用起来真的是很方便,它能按我们的设置将不同幅面的图片调整为用同样幅面显示!只要改一改这个代码中的宽度高度值,就能轻松改变这个动态设置的显示幅面大小。
例如放大些:






缩小些:






改一下高宽比例:






注意,填写数字和网址时不要影响代码中的标点符号
3,各图片图片显示时间可据自己的需要设定,若想改变某幅图片显示时间的长短,只需改变它那段代码中 dur="" 引号内的数值,比如想让图片显示8秒钟的写法是dur="8"。
4,数码相机的连排照片可用此设置做出动画效果,方法是将代码中图片显示时间设短一些,比如可设定为0.1(dur=0.1),使连排图片快速播放,看着就有“小电影”效果了。
5,此代码可扩展应用于GIF动画和Flash动画的连续自动切换播放,可添加文字和过渡特效,也可以建链接,但要在熟练掌握网页基本的HTML代码并了解Time+html代码之后再学做这些扩展应用,以循序渐进为宜。

网页颜色代码大全