酷络网游
 | 网站首页 | 网游新闻 | 网络游戏 | 电脑游戏 | 电视游戏 | 电子竟技 | 手机游戏 | 美眉专区 | 
>>> 您现在的位置: 酷络网游 >> 网页制作 >> 文章正文
| 最新推荐
| 最新热门
| 相关文章
没有相关文章
 网页Flash图片幻灯特效的实现方法


  不少朋友注意到,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"变量中指定了欲载入的图片,这里使用了相对路径,如果用绝对路径,那就一定要改成"/Article/UploadFiles/200611/20061117094354604.jpg"的形式,各图片路径用" "隔开,但是图片的数量最多不能超过六个;"links"和"texts"则分别定义了图片的链接地址和图片的名称,修改的方法与"pic"变量相同,不再赘述。

  第三步:接下来设定文字部分的背景颜色。在第二个"document.write(' ')"中找到,修改"value"的值就行了。

  现在,在浏览器中打开index.htm,就能看到精美的Flash图片幻灯特效了,在这里图片不仅能够循环播放,浏览者而且还能点击编号,直接跳转到相应的图片,非常方便!

作者:李航  更新时间:2006-11-17
本文由酷络网友发表,版权归原作者[ 李航 ]所有,并不代表酷络本站观点,转载请注明出处和作者。
抵制不良游戏,拒绝盗版游戏。注意自我保护,谨防受骗上当。适度游戏益脑,沉迷游戏伤身。合理安排时间,享受健康生活。
  • 上一篇文章:

  • 下一篇文章:
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
     | Copyright @ 2005-2010 www.kuluo.com All Rights Reserved. 桂ICP证05014479号 酷络站长:踏浪 联系站长:67033171  站长在线
     | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告合作 | | |