如何制作pixviewer.swf这个flash?
来源:互联网 发布:忘记网络连接密码 编辑:程序博客网 时间:2024/05/21 17:42
<script type="text/javascript"><!--//页面中图片轮播的flash播放器(吴彦文)此处脚本静止修改var interval_time=5 //图片停顿时间,单位为秒,为0则停止自动切换var focus_width=400//宽度var focus_height=174 //高度var text_height=26 //标题高度var text_align= 'center' //标题文字对齐方式(left、center、right)var swf_height = focus_height+text_height //相加之和最好是偶数,否则数字会出现模糊失真的问题//以下三行代码在加程序时,可以用标签对态的来叠代var pics='images/01.jpg|images/02.jpg|images/03.jpg|images/04.jpg|images/05.jpg'var links='#|#|#|#|#'var texts='第一张图的标题|第二张图的标题|第三张图的标题|第四张图的标题|第五张图的标题'document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');document.write('<param name="movie" value="js/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#DADADA">');document.write('<param name="menu" value="false"><param name=wmode value="opaque">');document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+interval_time+'">');document.write('<embed src="js/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+interval_time+'" menu="false" bgcolor="#ffffff" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');document.write('</object>');//--></script>
不少朋友注意到,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://www.lihot.cn/other/flash/1.jpg"的形式,各图片路径用" "隔开,但是图片的数量最多不能超过六个;"links"和"texts"则分别定义了图片的链接地址和图片的名称,修改的方法与"pic"变量相同,不再赘述。
第三步:接下来设定文字部分的背景颜色。在第二个"document.write(' ')"中找到,修改"value"的值就行了。
现在,在浏览器中打开index.htm,就能看到精美的Flash图片幻灯特效了,在这里图片不仅能够循环播放,浏览者而且还能点击编号,直接跳转到相应的图片,非常方便!
- 如何制作pixviewer.swf这个flash?
- 如何下载网页中的flash SWF文件
- 如何下载网页中的flash SWF文件
- 如何让flash swf不缓存
- Flash像册制作(SWF,屏保,EXE,HTML).
- 弹出层如何盖住swf div如何盖住页面flash
- javascript如何获得flash引用的swf地址
- 如何让Flash的swf文件在客户端不缓存
- 如何给flash中的swf视频加框架进度条
- 教你如何在FLASH中载入外部SWF文件
- flash 不同swf跳转
- flash指生成swf
- flash导入swf文件
- flash画swf文件
- bcastr.swf 制作类似csdn,flash 通用图片轮换播放器
- 制作swf字体文件
- 如何制作flash的关闭按钮
- FLASH之SWF文件格式指南
- OpenCV函数cvWarpPerspective透视变换实例
- 同步与异步的概念
- mysql慢查询日志监控
- 修改Windows Server 2003 R2登录与关机界面LOGO
- struts2通配符
- 如何制作pixviewer.swf这个flash?
- Origin XX is not allowed by Access-Control-Allow-Origin.解决办法
- 代码块
- 让人无语的CG3Y
- iPhone利用JSON传递数据
- 27 款经典的CSS 框架
- 各种语言Mutex(互斥)实现程序单实例运行
- php 存储密码
- Linux rpm 命令参数使用详解[介绍和应用]