html代码:
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var objFlash = new ilankFlash("/images/bcastr.swf?xml=/xml/xml1.xml","","100%","100%","8","","false","high");
objFlash.addParam("wmode","transparent");
objFlash.addParam("menu","false");
objFlash.write("ap");
</script>
xml代码:
<?xml version="1.0" encoding="gb2312"?>
<data>
<channel>
<item>
<image>/images/index1.jpg</image>
<web_address>#</web_address>
<data>30</data>
<title>flash4</title>
<id>4</id>
</item>
<item>
<image>/images/index2.jpg</image>
<web_address>#</web_address>
<data>15</data>
<title>flash3</title>
<id>3</id>
</item>
<item>
<image>/images/index3.jpg</image>
<web_address>http://www.yfcms.com</web_address>
<data>21</data>
<title>flash2</title>
<id>2</id>
</item>
<item>
<image>/images/index4.jpg</image>
<web_address>http://www.yfcms.com</web_address>
<data>19</data>
<title>flash1</title>
<id>1</id>
</item>
</channel>
<config>
<roundCorner>0</roundCorner>
<autoPlayTime>8</autoPlayTime>
<isHeightQuality>false</isHeightQuality>
<blendMode>normal</blendMode>
<transDuration>1</transDuration>
<windowOpen>_self</windowOpen>
<btnSetMargin>auto 380 70 auto</btnSetMargin>
<btnDistance>20</btnDistance>
<titleBgColor>0x000000</titleBgColor>
<titleTextColor>0xffffff</titleTextColor>
<titleBgAlpha>.50</titleBgAlpha>
<titleMoveDuration>1</titleMoveDuration>
<btnAlpha>.7</btnAlpha>
<btnTextColor>0xFFFFFF</btnTextColor>
<btnDefaultColor>0x1B3433</btnDefaultColor>
<btnHoverColor>0xff9900</btnHoverColor>
<btnFocusColor>0xff6600</btnFocusColor>
<changImageMode>hover</changImageMode>
<isShowBtn>true</isShowBtn>
<isShowTitle>false</isShowTitle>
<scaleMode>noBorder</scaleMode>
<transform>alpha</transform>
<isShowAbout>false</isShowAbout>
<titleFont>微软雅黑</titleFont>
</config>
</data>
具体代码设置
config.roundCorner:图片的圆角
config.autoPlayTime:图片切换时间,默认值是8,单位秒
config.isHeightQuality:图片缩小是否采用高质量的方法,默认值false
config.normal:图片的混合模式
config.transDuration:图片在切换过程中的时间,默认值1,单位秒
config.windowOpen:图片连接的打开方式,默认值”_blank”,在新窗口打开,也可以使用”_self”,使用本窗口打开
config.btnSetMargin:按钮的位置,文字的位置,用了css的margin概念,默认值”auto 5 5 auto”,四个数值代表 上 右 下 左 相对于播放器的距离,四个数值用空格分开,不需具体数值用”auto”填写 ,比如左上对齐并都有10像素的距离可以写 “10 auto auto 10″, 右下角对齐是”auto 10 10 auto”
config.btnDistance:每个按钮的距离,默认值20
config.titleBgColor:标题背景的颜色,默认0xff6600
config.titleTextColor:标题文字的颜色,默认0xffffff
config.titleBgAlpha:标题背景的透明度,默认0.75
config.titleFont:标题文字的字体,默认值”微软雅黑”
config.titleMoveDuration:标题背景动画的时间,默认值1,单位秒
config.btnAlpha:按钮的透明度,默认值0.7
config.btnTextColor:按钮文字的颜色,默认值0xffffff
config.btnDefaultColor:按钮的默认颜色,默认值0×1B3433
config.btnHoverColor:按钮的默认颜色,默认值0xff9900
config.btnFocusColor:按钮当前颜色,默认值0xff6600
config.changImageMode:切换图片的方法,默认值”click”,点击切换图片,还可以使用”hover”,鼠标悬停就切换图片
config.isShowBtn:是否显示按钮,默认值”true”
config.isShowTitle:是否显示标题,默认值”true”
config.scaleMode:图片放缩模式: 默认值是”noBorder”
但是可以更换为以下几种:
“showAll”: 可以看到全部图片,保持比例,可能上下或者左右
“exactFil”: 放缩图片到舞台的尺寸,可能比例失调
“noScale”: 图片的原始尺寸,无放缩
“noBorder”: 图片充满播放器,保持比例,可能会被裁剪
config.transform:图片放缩模式: 默认值是”alpha”
这个参数可以设置以下值:
“alpha”: 透明度淡入淡出
“blur”: 模糊淡入淡出
“left”: 左方图片滚动
“right”: 右方图片滚动
“top”: 上方图片滚动
“bottom”: 下方图片滚动
“breathe”: 有一点点地放缩的淡入淡出
“breatheBlur”: 有一点点地放缩的模糊淡入淡出,本页的例子就是这个
config.isShowAbout:是否显示关于信息,默认值”true”