« 放下你手中的纸质地图,电子地图可以帮你搞定一切魔兽版CS全攻略 »
August 30 2008

再分享一个图文幻灯片效果FLASH播放器

Tags: flash播放器  图文幻灯片效果   游魂 @ 11:13

    之前游魂在[分享一个flash播放器] 一文中已经介绍了一个幻灯片效果的FLASH播放器了,今天游魂又找了一个,虽说效果看起来差不多,但是游魂觉得这个还算不错。

   由于这个效果是用是JS调用的,而z-blog的编辑器貌似不能插入JS所以就不在本页上边演示了,这是演示地址:演示地址

    这是代码(不想看代码的话下边有完整版的打包下载):

   
<script type="text/javascript">
<!--
var interval_time=2 //图片停顿时间,单位为秒,为0则停止自动切换
var focus_width=400 //宽度
var focus_height=300 //高度
var text_height=20 //标题高度
var text_align= 'center' //标题文字对齐方式(left、center、right)
var swf_height = focus_height+text_height //相加之和最好是偶数,否则数字会出现模糊失真的问题

var pics= 'images/0.jpg|images/1.gif|images/2.png|images/3.swf|images/4.jpg|images/5.png|images/6.jpg|images/7.jpg|images/8.gif'//图片地址
var links='http://www.iblog2008.cn|http://www.iblog2008.cn|http://www.iblog2008.cn|http://www.iblog2008.cn|http://www.iblog2008.cn|http://www.iblog2008.cn|http://www.iblog2008.cn|http://www.iblog2008.cn|http://www.iblog2008.cn'//相对于图片的链接地址
var texts='水波|可爱的水珠|一片枫叶?|一个flash|碧水蓝天|害羞草|菊花|枫叶|路在前方...'//标题文字
 
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="pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">');
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="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>

 

变量说明:

  

interval_time 设置图片的停顿时间,单位为秒,为0则停止自动切换。
   如果没有此参数,系统默认为5秒。

 focus_width 幻灯片的宽度,单位为像素。

 focus_height 幻灯片的高度,单位为像素。

 text_height 标题文字的高度,单位为像素,为0则不显示标题文字。

 text_align 标题文字的对齐方式(left、center、right)
   如果没有此参数,系统默认为center。
   注意:一定要有单引号,如'left'。

 swf_height 影片高度,即幻灯片高度与标题高度之和。
   相加之和最好是偶数,否则数字会模糊失真。

 pics  图片地址,可以使用相对路径也可以使用绝对地址。
   多个图片用竖线“|”分割,最多9个!
   支持的文件格式为:.jpg、.gif、.png、.swf

 links  图片对应的链接地址,可以使用相对路径也可以使用绝对地址。
   多个链接地址用竖线“|”分割,最多9个!
   链接中不能包含“&”符号,否则会出错。

 texts  图片对应的标题文字,不能包含“&”符号,否则会出错。
   多个标题文字用竖线“|”分割,最多9个! 

完整版打包下载:flash.rar

喜欢本文? 欢迎订阅通过 通过Google订阅哎!部落格 通过Yahoo!订阅哎!部落格 通过抓虾订阅哎!部落格 通过鲜果订阅哎!部落格 通过有道订阅哎!部落格 通过哪吒订阅哎!部落格 通过QQ邮箱订阅哎!部落格 通过飞豆订阅哎!部落格 通过Pageflakes订阅哎!部落格 通过Netvibes订阅哎!部落格 通过Newsgotor订阅哎!部落格 通过Bloglines订阅哎!部落格 订阅哎!部落格,获取最新文章