网页FLASH幻灯片播放带链接源代码 pixviewer.swf使用


<script type="text/javascript">
<!--

var focus_width=360
var focus_height=270
var text_height=20
var swf_height = focus_height+text_height

var pics='图片地址1|图片地址2|图片地址3|图片地址4'
var links='链接1|链接2|链接3|链接4'
var texts='显示文字1|显示文字2|显示文字3|显示文字4'

document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="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+'">');
document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#DADADA" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>'); document.write('</object>');

//-->
</script>




说明:

本Flash播放图片格式只支持.jpg和.jpeg格式,不支持.gif格式。

最多播放6张图片,无法再播放更多。

width="XXX" height="XXX" 是幻灯片的尺寸,textheight=20 是文字区域高度,都可以自行调节;注意最好使用同样比例的图片,以防变形;代码中的borderheight=270(图片高度)与textheight=20(文字区域高度)之和应该等于height="290"(幻灯片高度)。bgcolor="#FDD248" 是背景颜色,可以参考颜色代码表设置。
其中http://www.cnblogs.com/jesse/archive/2007/07/12/570603.html 有pixviewer.swf源文件下载

如果想多添加几张图片,分以下三步骤:(反之则删除相应部分,注意最多是6个)

|图片地址5|图片地址6——在var pics中添加图片地址,与前一个地址用|分割开。

|链接5|链接6——在var links中添加链接地址,与前一个地址用|分割开。

|显示文字5|显示文字6——在var texts中添加相应的显示文字,与前一个地址用|分割开。

其中“图片地址X”、“链接X”、“显示文字X”是相对应的一组,如果不需要某一部分(如链接X)可以删除。

具体实例:制作一个文件夹,存放4张图片,分别命名为1.jpg 2.jpg 3.jpg 4.jpg,4个链接分别是新浪网、新华网、雅虎中国和wusir博客,显示文本做好相应的描述。同时将pixviewer.swf拷贝到这个文件夹,将下边内容放入<html><body>...</body></html>的“...”中,存为.html文件,运行即可。



<script type="text/javascript">
<!--

var focus_width=360
var focus_height=270
var text_height=20
var swf_height = focus_height+text_height

var pics='1.jpg|2.jpg|3.jpg|4.jpg'
var links='http://www.sina.com.cn|http://www.news.cn|http://cn.yahoo.com|http://blog.sina.com.cn/wusir371'
var texts='新浪网|新华网|雅虎中国|wusir博客'


document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="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+'">');
document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#DADADA" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>'); document.write('</object>');

//-->
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值