不少朋友注意到，ENet、新浪、搜狐等各大网站纷纷使用了一组图片幻灯的Flash 特效（演示地址http://www.lihot.cn/other/flash/，演示文件下载地址：http://www.lihot.cn/other/flash.rar），它能够将新闻图片以幻灯片的方式循环放映出来，还带有非常漂亮的切换效果，点击图片就能进入相应的页面，这样不仅节约了宝贵的网页版面，还能使页面充满动感。这种效果是怎么实现的呢？下面我就来介绍给大家。
网页图片幻灯特效分析：
不少朋友想发扬"拿来主义"的作风，把特效代码直接用到自己的网页上，但是在查看源文件时却发现这组特效是用Flash来实现的，于是就放弃了。如果仔细分析一下源文件，就不难发现Flash仅仅是一个特效"外壳"，具有实际意义的图片、链接和文字说明其实都是载入的外部变量。在拿到这个Flash文件之后，想实现网页图片幻灯特效，要做的仅仅是修改这些变量。
图片幻灯特效的制作：
第一步：下载演示文件并解压，可以看到index.htm、pixviewer.swf、pixviewer.fla三个文件和几幅演示图片。其中要修改的就是网页文件index.htm，pixviewer.swf是实现特效的Flash文件，pixviewer.fla为Flash的源文件，感兴趣的朋友可以研究一下。
第二步：用Dreamweaver或记事本打开网页文件，可以看到内嵌的Java脚本中定义了如下变量：
var focus_width=250 // 图片宽度
var focus_height=190 // 图片高度
var text_height=23 // 文字部分的高度
var swf_height = focus_height+text_height // 总高度
var pics='1.jpg 2.jpg 3.jpg'
var links='1.jpg 2.jpg 3.jpg'
var texts='星海湾夜景 海上日出 贝壳博物馆'
"pic"变量中指定了欲载入的图片，这里使用了相对路径，如果用绝对路径,那就一定要改成"http://edu.itbulo.com/UploadFiles_1485/200611/20061114204033193.jpg"的形式，各图片路径用" "隔开，但是图片的数量最多不能超过六个；"links"和"texts"则分别定义了图片的链接地址和图片的名称，修改的方法与"pic"变量相同，不再赘述。
第三步：接下来设定文字部分的背景颜色。在第二个"document.write(' ')"中找到，修改"value"的值就行了。
现在，在浏览器中打开index.htm，就能看到精美的Flash图片幻灯特效了，在这里图片不仅能够循环播放，浏览者而且还能点击编号，直接跳转到相应的图片，非常方便！ |
