图片轮播器bcastr4.swf“&”符号的问题

bcastr4.swf是一个很不错的网页图片轮播器,我一直使用它作为网站首页图片轮播的控件。

http://xiaogui.org/bcastr-open-source-flash-image-silde-show.html 上对这个控件的使用方法都有详细的描述。

但是我们在使用过程中发现,使用object直接写入参数的方法时,如果在<link>节点中的URL存在“&”符号的时候,控件就会一片空白。

其实任何节点上只要再出现“&”符号,均会发生这个情况,因为从html代码的角度看,此写法是乱套了的

 

[html]  view plain copy
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
  2. <head>  
  3. <title>test</title>  
  4. </head>  
  5. <body>  
  6.     <div style="margin:20px 0;"><a href="http://www.ruochigroup.com/main/2008/03/19/bcastr-40/">http://www.ruochigroup.com/main/2008/03/19/bcastr-40/</a></div>  
  7.     <div>  
  8.         <object type="application/x-shockwave-flash" data="bcastr4.swf" width='300' height='300' id='vcastr3'>  
  9.         <param name='movie' value="bcastr4.swf?xml=  
  10.             <data>  
  11.                 <channel>  
  12.                     <item>  
  13.                         <link>http://www.ezdrink.com.cn</link>  
  14.                         <image>http://apensu-pc:8001/1/01.jpg</image>  
  15.                         <title>aaaaaaa&bbbbbbb</title>  
  16.                     </item><item>  
  17.                         <link></link>  
  18.                         <image>http://apensu-pc:8001/1/02.jpg</image>  
  19.                         <title></title>  
  20.                     </item><item>  
  21.                         <link></link>  
  22.                         <image>http://apensu-pc:8001/1/03.jpg</image>  
  23.                         <title></title>  
  24.                     </item><item>  
  25.                         <link></link>  
  26.                         <image>http://apensu-pc:8001/1/04.jpg</image>  
  27.                         <title></title>  
  28.                     </item><item>  
  29.                         <link></link>  
  30.                         <image>http://apensu-pc:8001/1/05.jpg</image>  
  31.                         <title></title>  
  32.                     </item>  
  33.                 </channel>  
  34.             </data>/>  
  35.     </object>  
  36.   
  37. </div>  
  38. </body>  
  39. </html>  


其实bcastr4.swf已经内置了这个符号的处理方法,我们需要做的就是将“&”替换成“^”即可。

 

更改之后,你可以看到"^"是被转换成"&"的。

如果你使用的是xml文件的方式,那么不会发现这个问题,直接使用“&”符号即可。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
先下载附件,放到images目录下,然后把下面代码放到模版处就行了。(有两处一样的灵动标签) <object type="application/x-shockwave-flash" data="/images/bcastr4.swf?xml=                         <data>                                 <channel>                  [e:loop={37,5,0,1}]                                         <item>                                                 <link><?=$bqsr[titleurl]?></link>                                                 <image><?=$bqr[titlepic]?></image>                                                 <title><?=$bqr[title]?></title>                                         </item>                   [/e:loop]                                                                        </channel>                                        </data>                 "  width="350" height="210" id="vcastr3">                 <param name="movie" value="/images/bcastr4.swf?xml=                         <data>                                 <channel>                                         [e:loop={37,5,0,1}]                                         <item>                                                 <link><?=$bqsr[titleurl]?></link>                                                 <image><?=$bqr[titlepic]?></image>                                                 <title><?=$bqr[title]?></title>                                         </item>                   [/e:loop]                                 </channel>                 <config>                   <autoPlayTime>5</autoPlayTime>                 <transform>breathe</transform>                               <titleFont>微软雅黑</titleFont>                 </config>                         </data>" />         </object> 上面的红色部分是设置参数。可以改成N多种效果,具体可以看  http://www.ruochigroup.com/main/bcastr-example/ 可设置的参数  <config>                        <roundCorner>0</roundCorner>                 <autoPlayTime>8</autoPlayTime>                 <isHeightQuality>false</isHeightQuality>                 <blendMode>normal</blendMode>                 <transDuration>1</transDuration>                 <windowOpen>_self</windowOpen>                 <btnSetMargin>auto 5 5 auto</btnSetMargin>                 <btnDistance>20</btnDistance>                 <titleBgColor>0xff6600</titleBgColor>                 <titleTextColor>0xffffff</titleTextColor>                 <titleBgAlpha>.75</titleBgAlpha>                 <titleMoveDuration>1</titleMoveDuration>                 <btnAlpha>.7</btnAlpha>                        <btnTextColor>0xffffff</btnTextColor>                        <btnDefaultColor>0x1B3433</btnDefaultColor>                 <btnHoverColor>0xff9900</btnHoverColor>                 <btnFocusColor>0xff6600</btnFocusColor>                 <changImageMode>click</changImageMode>                 <isShowBtn>true</isShowBtn>                 <isShowTitle>true</isShowTitle>                 <scaleMode>noBorder</scaleMode>                 <transform>blur</transform>                 <isShowAbout>true</isShowAbout>                 <titleFont>微软雅黑</titleFont>         </config> 大家可以自己结合试试不同效果,不填全部为默认!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值