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

时间：2024-12-07 09:34:38

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

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

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

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

  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. </div>
  37. </body>
  38. </html>

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

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

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

相关文章