在北京奥运会期间，习之曾在博客里介绍过三个“幻灯片播放器”，其中第三个采用网页上常用的“焦点图”。所谓“焦点”就是这个页面的重要新闻，用幻灯的形式来展示，从而起到导航的作用。老小孩网站新老版面、博客版面也都有这类焦点图。

现在要介绍的是2010年世博会的官方网站的“焦点FLASH”，它同样可以用作显示图片的幻灯播放器。之所以推荐它，是因为：它对图像的切换采用“淡进淡出”方式，没有闪烁的感觉，有利于老人对眼的保护；图片解说词字体的大小和颜色可调；图片切换时间可调等。世博会官方网为考虑到在各种浏览器上的通用性，采用了很复杂的JS代码，考虑到我们老小孩大部分使用微软系统的IE浏览器，因此习之将它掏出来，不考虑通用性，简化成可替换参数的一个Flash。下面是只放了四张图片的效果图，在最下面的代码框里有这个例子的全部源代码（没有外面的颜色框），供拷贝使用。

现在介绍代码结构、各参数的意义和替换方式。

代码结构：采用了最普通的显示Flash的embed标签，下面几个属性是大家非常熟悉的常规属性，几乎每个显示Flash的代码里都有：

width   宽度

height  高度

src　   flash地址

quality　品质

wmode　  透明性

type　   类型

除了宽度和高度需要更改外，其余不必改动。Flash已经上传在老小孩博客，这里的地址也不必改动。

除了上述常规属性外，代码里还有一个 flashvars 属性，这是参数属性，是用来将幻灯图片的地址、解说词、显示设置等各项参数传递给Flash。它的格式是

flashvars = "参数1=值&参数2=值&···"

根据不同的Flash，可以有不同的参数名称和参数个数，这在制作Flash时已经固定了的，不能随意更改。参数与参数之间用“&”分隔（ 这是一个代码里的专用字符，语意and，它的实体字符表示为&）。中间不能随意增加空格。所有参数全放在一对双引号内，我们需要替换的就是这些参数。这个Flash里的参数比较多，大致可以分四部分：显示设置；链接地址；解说词；图片地址。现分别介绍（省了分隔符&）。

一：显示设置：这些设置除了宽和高以外，可以不必更改。

pw=370             图片宽度（px）

ph=250             图片高度 (px)

Times=4000　       切换时间间隔(ms)

sizes=14           字体大小(px)

umcolor=0xFFFFFF   数字颜色(16进制数)

btnbg=0xFF7E00     数字底色

txtcolor=0xFFFFFF  解释词颜色

txtoutcolor=0      未知　

二：链接地址；　

格式：urls=地址1|地址2|地址3

三：解说词：　

格式：titles=解说词1|解说词2|解说词3

四：图片地址：

格式：imgs=地址1|地址2|地址3　

因为是“焦点图”，是起导航作用的，因此每个图都有一个对应的链接网页的地址，如果我们没有这个地址，那么就照抄“图片地址”，这样点击显示的就是本图，可以供朋友拷贝收藏。

链接地址、解说词、图片地址三者数量要相等，一一对应。地址与地址之间是用一个竖杠“|”作为分隔，不能少也不能多，即：四张图片，三个竖杠（最后一个是没有的）。如果您觉得没有必要加链接地址，或解说词，那么还有个更简单的做法：参数名的等于号后，直接加连续的竖杠如本例：注意竖杠的数量是图片数减一。

urls=|||

titles=|||

对图片的要求是每张大小一样，即宽和高与Flash的宽高一样。如果图比Flash大，那么它会取左上角部分；如果图比flash小，那么按小图播放。它总是保持原图的宽高比例，不失真地显示。

上面的说明文字写得复杂，做起来并不难。事先准备好大小一样的图片，上传取得地址，写好解说词，然后小心地替换到代码里，再更改宽度和高度（有两处，flash的属性里一处，参数里一处），就可以了。如果您能用“记事本”编辑源代码，那么在记事本里拼接就更方便。一般能用嵌入标签《embed》的网友应该没有困难。

供拷贝的源代码

背景音乐：贝多芬--小步舞曲