首席高参txt 下载:如何制作多张图片的滚动呢?

来源:百度文库 编辑:中财网 时间:2024/05/09 15:48:55
2008-12-25 05:23:14|  分类:滚动图片的制作 |  标签: |字号大中小
 

将向博客新手详细解讲制作过程
http://hdly006502.blog.163.com.
撰文:寒冬腊月



上一讲中,我着重讲解了单张图片的制作方法及解析了它的代码构成与用法.

今天,我将重点解讲多张图片的滚动制作及代码的添加方法.为全面讲解多张图片滚动代码.

首先,让我们以下面五张美媚的图片为素材,来组成多张图片的多样化滚动制作方法.
素材图片如下:

以上八张图片地址分别如下: (也可直接点击每一地址,查看原图片.)
1、http://img.blog.163.com/photo/C9pA5X7WVlre66LSbCPhzQ==/1735011756445656956.jpg
2、http://img.blog.163.com/photo/Tz7KeKi2qimyheIVbvA3EA==/1735011756445656955.jpg
3、http://img.blog.163.com/photo/L9QevEkukBAaB2ByTb3qeA==/1735011756445656954.jpg
4、http://img.blog.163.com/photo/Hq7A8-YuvQK2gA_cagVgMQ==/1735011756445656953.jpg
5、http://img.blog.163.com/photo/GSxJVQ1KV1mGH8XiyyEsKg==/2263903237684916868.jpg

二、多张图片的滚动代码解析:
1、从上一讲单张图片的滚动制作中,你或许感到代码的神奇应用了.其实多张图片滚动代码也是在单张滚动图片代码上再添加图片地址而得来的.
2、我们还是以单滚代码来讲解.先看下面的单滚代码:
单张图片滚动代码如下:

3、如果你想增加更的图片而进行滚动,只需在单滚代码中添加:

即可.现在我们先来看一组两张图片的滚动代码.把这段添加的代码添加单滚代码中,则原代码就变成了一组二图片滚动代码了.如下:


4、接下来,你就可以把这段代码放到日记代码框或首页自定义模块中就行了.
效果图如下:

5、到这里为止,你也许对制作滚动图有了一定的了解.悟到了代码的神奇应用.对于你制作多张图的滚动就不再困难了.下面为一组五张图片的滚动的代码.原始代码:
最原始代码如下:







注:只要选好图片并上传至相册或直接选好图片地址;将图片地址依次放到上面的代码里;然后复制并粘贴到代码框内即可;
 
五张滚动效果图如下: 
需要说明的是:
滚动的图片,每增加一张,就增加该张的图片地址,随意增加,直到不让你增加为止. 其中:
height="190":数字“190”表示相片的高度,可随意调整,但不能超过自定义板块的高度.
width="173":数字“173”表示相片的底边宽度,可随意调整,但不能超过自定义板块的宽度.
http://img.blog.163.com/photo/W1byYmccis79nM_YqCog-Q==/2581969961367935308.jpg:这是你需要相片的网址,可随意调整。
3、:这是代码后缀部分,就不用管了,让它始终睡在那里好了.

三、操作要点:
1、关于图片地址:其实,找图片地址很简单,只要鼠标对准你要选择的图片,点击右键——选择属性——点击后——图片的地址就在上面显示,同时,也有图片的大小,等等。但对于你自己博客中的的图片,点击到一张相片的界面后,在按上述的方法查找地址。对于其他照片也是如此。
2、关于镶嵌图片大小的确认。我们都知道,图片的大小千变万化,大小不一,而自定义的栏目却是固定的。如果不采取一定的技巧,你装入的图片就会走形,不美观,所以本人的技巧如下:还是举例说明吧,这样比较直观易懂。如:图片为1024*768:表示这张图片大小为长1024,高768,那1024/768==1.3333,这是一个比例,你要装入的图片固定高=260后,那长=260*1.3333=347。以此类推,错不了。