很多网友浏览到我的blog时经常会问我左侧的FLASH图片幻灯播放时怎么弄的,之前没怎么空,只是给指点了一下这个FLASH播放器的出处,可能有些不熟悉网页的朋友还是不怎么会用,今天就稍微讲一下这个FLASH播放器如何放到侧栏或者其他位置。
效果预览见本站;
FLASH播放器的出处:http://www.ruochi.com/main/post/25.html
里面其实已经讲的比较清楚了,包括3种使用方法。
我这里用的是第3种方法,就是使用XML文件,把图片、链接等信息记录在XML文件中,FLASH播放器加以调用。
不过要注意或者令大家比较失望的是,不管哪种方法,现在只能通过自己手动改代码配置才能更新或者添加图片,所以这个东西用的不是很方便,特别是图片更新比较频繁的,除非你有耐心,要不然干脆就不要用了。当然,最好是有个插件咯,能直接集成到后台进行配置修改。
不过,相较而言,使用独立于调用代码之外的XML文件稍显方便,即使手动改代码也比较容易,如果你有XML可视化编辑器的话(比如xmlspy),那跟有后台配置的感觉也差不多了,当然还是少不了上传更新这一步。
开始之前,把那个插件下过来,在blog根目录下建个目录,比如bcastr,把那个flash文件 bcastr31.swf和xml文件 bcastr.xml 都放在这个目录下
然后看一下XML的代码:
item_url :为图片地址,相对路径、绝对路径都可以
link : 如果图片有对应的URL要指定,就可以填URL
itemtitle : 就是图片显示的标题信息
你要显示几张就写几条,注意XML文件的格式,不要漏掉某个尖括号或斜杠!
xml文件准备好,然后就设置 bo-blog:
以我的blog显示在左侧栏为例:后台-常规管理-模块配置-侧边模块-新增项目
进入编辑页面,其他就不说了,就说栏目内容这项,填入以下内容
movie : FLASH文件路径
FlashVars ,这个可以自定义一些样式属性,比如AutoPlayTime是每张图片停留时间(Firefox下好像不起作用),WinOpen是窗口打开类型,具体更多的属性可以见FLASH播放器的官方介绍。
embed 标签里也是两个文件的路径,不要写错就行了;还有就是 width和height,根据你自己的需要定义!
基本上就完成了,还有不清楚的地方可以跟评论询问。
其实今天讲的这个,一般的如果支持XML调用的FLASH图片幻灯插件都可以适用,大家可以去找更好的试试。
当然,能做个xml文件自动生成的配置功能作为插件集成到bo-blog中,那是最好不过的事情!
最近好像这个FLASH播放器的出处地址访问不了了,这里传一个:2008-4-3
Download ( 307 downloads)
效果预览见本站;
FLASH播放器的出处:http://www.ruochi.com/main/post/25.html
里面其实已经讲的比较清楚了,包括3种使用方法。
我这里用的是第3种方法,就是使用XML文件,把图片、链接等信息记录在XML文件中,FLASH播放器加以调用。
不过要注意或者令大家比较失望的是,不管哪种方法,现在只能通过自己手动改代码配置才能更新或者添加图片,所以这个东西用的不是很方便,特别是图片更新比较频繁的,除非你有耐心,要不然干脆就不要用了。当然,最好是有个插件咯,能直接集成到后台进行配置修改。
不过,相较而言,使用独立于调用代码之外的XML文件稍显方便,即使手动改代码也比较容易,如果你有XML可视化编辑器的话(比如xmlspy),那跟有后台配置的感觉也差不多了,当然还是少不了上传更新这一步。
开始之前,把那个插件下过来,在blog根目录下建个目录,比如bcastr,把那个flash文件 bcastr31.swf和xml文件 bcastr.xml 都放在这个目录下
然后看一下XML的代码:
<?xml version="1.0" encoding="utf-8"?>
<bcaster>
<item item_url="bcastr/p1.jpg" link="http://bear.boolo.net/taiziwan-waipai/" itemtitle="11"/>
<item item_url="bcastr/p2.jpg" link="http://bear.boolo.net/taiziwan-waipai/" itemtitle="22"/>
<item item_url="bcastr/p3.jpg" link="http://bear.boolo.net/BeishanRoad-VIVIENNE/" itemtitle="33"/>
<item item_url="bcastr/p4.jpg" link="http://bear.boolo.net/summer-show-huashu/" itemtitle="44"/>
<item item_url="bcastr/p5.jpg" link="http://bear.boolo.net/summer-show-huashu/" itemtitle="55"/>
</bcaster>
结构非常简单,每个节点有3个属性:<bcaster>
<item item_url="bcastr/p1.jpg" link="http://bear.boolo.net/taiziwan-waipai/" itemtitle="11"/>
<item item_url="bcastr/p2.jpg" link="http://bear.boolo.net/taiziwan-waipai/" itemtitle="22"/>
<item item_url="bcastr/p3.jpg" link="http://bear.boolo.net/BeishanRoad-VIVIENNE/" itemtitle="33"/>
<item item_url="bcastr/p4.jpg" link="http://bear.boolo.net/summer-show-huashu/" itemtitle="44"/>
<item item_url="bcastr/p5.jpg" link="http://bear.boolo.net/summer-show-huashu/" itemtitle="55"/>
</bcaster>
item_url :为图片地址,相对路径、绝对路径都可以
link : 如果图片有对应的URL要指定,就可以填URL
itemtitle : 就是图片显示的标题信息
你要显示几张就写几条,注意XML文件的格式,不要漏掉某个尖括号或斜杠!
xml文件准备好,然后就设置 bo-blog:
以我的blog显示在左侧栏为例:后台-常规管理-模块配置-侧边模块-新增项目
进入编辑页面,其他就不说了,就说栏目内容这项,填入以下内容
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="180" height="270">
<param name="movie" value="bcastr/bcastr31.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="FlashVars" value="bcastr_xml_url=bcastr/bcastr.xml&AutoPlayTime=4&WinOpen=_self">
<embed src="bcastr/bcastr31.swf" FlashVars="bcastr_xml_url=bcastr/bcastr.xml" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="180" height="270"></embed>
</object>
object 标签里注意几个参数<param name="movie" value="bcastr/bcastr31.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="FlashVars" value="bcastr_xml_url=bcastr/bcastr.xml&AutoPlayTime=4&WinOpen=_self">
<embed src="bcastr/bcastr31.swf" FlashVars="bcastr_xml_url=bcastr/bcastr.xml" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="180" height="270"></embed>
</object>
movie : FLASH文件路径
FlashVars ,这个可以自定义一些样式属性,比如AutoPlayTime是每张图片停留时间(Firefox下好像不起作用),WinOpen是窗口打开类型,具体更多的属性可以见FLASH播放器的官方介绍。
embed 标签里也是两个文件的路径,不要写错就行了;还有就是 width和height,根据你自己的需要定义!
基本上就完成了,还有不清楚的地方可以跟评论询问。
其实今天讲的这个,一般的如果支持XML调用的FLASH图片幻灯插件都可以适用,大家可以去找更好的试试。
当然,能做个xml文件自动生成的配置功能作为插件集成到bo-blog中,那是最好不过的事情!
最近好像这个FLASH播放器的出处地址访问不了了,这里传一个:2008-4-3
Download ( 307 downloads)Add a comment




[小品]梅
小区里的纯SUV迎亲车队






首先,十分感谢兄弟的制作的东西,我博客的模板和flash图片播放器都是使用兄弟的
但是在使用这个flash播放器的时候,遇到了个问题,提出来,给那些和我一样的菜鸟一些帮助:
我使用兄弟提供的代码,加在后台始终无法正常显示图片,不知道为什么,我就一直在折腾,弄了有两个多小时,终于弄好了,也发现问题出在哪里? 请大家看以下两段代码,就明白了
有问题的首行代码
object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
完好的首行代码
object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
希望对大家有帮助,有什么不会的可以加我QQ:373045462
www.weli.cn
my QQ:382572
thank you!
铁观音茶叶 http://tieguanyinchaye.com/