天天看點

bcastr3.0 通用圖檔輪換播放器

bcastr3.0 通用圖檔輪換播放器

可以用于各種新聞系統或者blog系統

  • 可以讀取xml設定播放清單,自定義xml位址
  • 可以将圖檔位址直接寫網頁中直接,不需要xml
  • 自動适應圖檔大小
  • 循環播放,自定義自動播放時間
  • 不限制圖檔數量
  • 自定義尺寸,自動适應任何比例,圖檔不變形
  • 自定義圖檔題目(可選)
  • 浏覽過程中下載下傳
  • 自定義圖檔連接配接(可選)
  • 自定界面色彩放案

3.0新增特點:

  • 圖檔自動抗鋸齒,效果更佳
  • 3種文字位置設定
  • 4種圖檔過渡效果,過渡更自然,
  • 可定義是否顯示按鈕,更适合做廣告條
  • 可定義是否在心窗後中打開連接配接
  • 自定義尺寸,自動适應任何比例,圖檔不變形
  • 自定義圖檔題目(可選)
  • 浏覽過程中下載下傳
  • 自定義圖檔連接配接(可選)
  • 自定界面色彩放案

三種使用方法:

方法一,直接copy下面代碼,修改其中的 swf_width,swf_height,files,links,texts 參數

運作代碼框

<script type="text/javascript">

var swf_width=220

var swf_height=220

var files='http://www.ruochi.com/product/bcastr/pic/gymnasium.jpg|http://www.ruochi.com/product/bcastr/pic/zd.jpg|http://www.ruochi.com/product/bcastr/pic/adidas.jpg|http://www.ruochi.com/product/bcastr/pic/Maradona.jpg|http://www.ruochi.com/product/bcastr/pic/poster.jpg'

var links='http://www.ruochi.com|http://www.ruochi.com|http://www.ruochi.com|http://www.ruochi.com|http://www.ruochi.com'

var texts='安聯球場|齊達内|馬拉多納解說世界杯|Adidas的世界杯用球|世界杯海報'

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="'+ swf_width +'" height="'+ swf_height +'">');

document.write('<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf"><param name="quality" value="high">');

document.write('<param name="menu" value="false"><param name=wmode value="opaque">');

document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');

document.write('<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');

</script>

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運作]

方法二,直接嵌入位址

運作代碼框

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="200">

<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<param name="FlashVars" value="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=Title 1|Title 2|Title 3|Title 4">

<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_file=aaa.jpg|bbb.jpg|ccc.swf&bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.ruochi.com&bcastr_title=百度|NBA|Ruochi.com" width="400" height="200" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>

</object>

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運作]

其中:

bcastr_file=aaa.jpg|bbb.jpg|ccc.swf 是圖檔位址,用"|"符号分開

bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.ruochi.com 是圖檔對應連接配接位址,用"|"符号分開

bcastr_title=百度|NBA|Ruochi.com 是圖檔對應标題,用"|"符号分開

注意其中的&連接配接符

方法三,使用xml位址

運作代碼框

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="200">

<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<param name="FlashVars" value="bcastr_xml_url=http://www.ruochi.com/product/bcastr3/bcastr.xml">

<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_xml_url=http://www.ruochi.com/product/bcastr3/bcastr.xml" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="200"></embed>

</object>

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運作]

修改上方2個bcastr_xml_url=http://www.ruochi.com/product/bcastr3/bcastr.xml位址即可

xml内容:

item_url="pic/Maradona.jpg" 圖檔位址

link="http://www.google.com" 圖檔點選後 不填寫就不可點選連接配接

itemtitle="馬拉多納受邀解說世界杯" 圖檔題目

進階設定:

預設參數字元串 0xffffff:文字顔色|2:文字位置|0xff6600:文字背景顔色|60:文字背景透明度|0xffffff:按鍵文字顔色|0xff6600:按鍵預設顔色|0x000033:按鍵目前顔色|8:自動播放時間(秒)|2:圖檔過渡效果|1:是否顯示按鈕|_blank:打開視窗

顔色都以0x開始16進制數字表示

文字顔色:題目文字的顔色

文字位置:0表示題目文字在頂端,1表示文字在底部,2表示文字在頂端

文字背景透明度:0-100值,0表示全部透明

按鍵文字顔色:按鍵數字顔色

按鍵預設顔色:按鍵預設的顔色

按鍵目前顔色:目前圖檔按鍵顔色

自動播放時間:機關是秒

圖檔過渡效果:0,表示亮度過渡,1表示透明度過渡,2表示模糊過渡,3表示運動模糊過渡

是否顯示按鈕:0,表示隐藏按鍵部分,更适合做廣告挑輪換

打開視窗:_blank表示新視窗打開。_self表示在目前視窗打開

運作代碼框

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="200">

<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<param name="FlashVars" value="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=Title 1|Title 2|Title 3|Title 4&bcastr_config=0xffffff:文字顔色|1:文字位置|0x0066ff:文字背景顔色|60:文字背景透明度|0xffffff:按鍵文字顔色|0x0066ff:按鍵預設顔色|0x000033:按鍵目前顔色|8:自動播放時間(秒)|2:圖檔過渡效果|1:是否顯示按鈕|_blank:打開視窗">

<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=Title 1|Title 2|Title 3|Title 4&bcastr_config=0xffffff:文字顔色|1:文字位置|0x0066ff:文字背景顔色|60:文字背景透明度|0xffffff:按鍵文字顔色|0x0066ff:按鍵預設顔色|0x000033:按鍵目前顔色|8:自動播放時間(秒)|2:圖檔過渡效果|1:是否顯示按鈕|_blank:打開視窗" width="400" height="200" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>

</object>

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運作]

運作代碼框

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="80">

<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<param name="FlashVars" value="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=&bcastr_config=0xffffff:文字顔色|2:文字位置|0x0066ff:文字背景顔色|60:文字背景透明度|0xffffff:按鍵文字顔色|0x0066ff:按鍵預設顔色|0x000033:按鍵目前顔色|8:自動播放時間(秒)|2:圖檔過渡效果|0:是否顯示按鈕|_blank:打開視窗">

<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=&bcastr_config=0xffffff:文字顔色|2:文字位置|0x0066ff:文字背景顔色|60:文字背景透明度|0xffffff:按鍵文字顔色|0x0066ff:按鍵預設顔色|0x000033:按鍵目前顔色|8:自動播放時間(秒)|2:圖檔過渡效果|0:是否顯示按鈕|_blank:打開視窗" width="400" height="80" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>

</object>

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運作]

注意:圖和bcastr3.swf必須在同一個域名下

源檔案打包下載下傳:bcastr3.zip