JS 实现图片幻灯片效果。兼容 FF IE

最新推荐文章于 2021-09-07 20:33:35 发布

最新推荐文章于 2021-09-07 20:33:35 发布 · 76 阅读

文章标签：

#javascript #ViewUI

本文介绍了一段用于创建Flash横幅广告的JavaScript代码。该代码通过动态加载SWF文件并设置参数来实现横幅广告的展示效果。文章详细解释了如何配置横幅的尺寸、背景颜色等属性，并说明了如何将图片链接传递给SWF文件。

var focus_width=950;
var focus_height=250;
var text_height=0;
var swf_height = focus_height+text_height;
var pics="";

var swfpath = "/jun/img/banner.swf"; // swf 路径。源文件下载地址

// html 中

imgUrl1="/jun/img/banner1.jpg";
imgUrl2="/jun/img/banner2.jpg";
imgUrl3="/jun/img/banner3.jpg";
imgUrl4="/jun/img/banner4.jpg";
imgUrl5="/jun/img/banner5.jpg";

var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5

//在 dede 模板中

{dede:arclist typeid='20' row='10' limit='0,10'}
pics = pics + "|" + "[field:litpic/]" ;
{/dede:arclist}

pics = pics.substring(1);
//

// 以下不需要改动
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="'+swfpath+'"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');

document.write('<embed src="'+swfpath+'" wmode="opaque" FlashVars="pics='+pics+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" 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>