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

最新推荐文章于 2022-02-10 20:38:25 发布
最新推荐文章于 2022-02-10 20:38:25 发布
阅读量2.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： misc HTML 文章标签： html xml object url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/apensu/article/details/7227275

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

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

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

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
</head>
<body>
	<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>
	<div>
		<object type="application/x-shockwave-flash" data="bcastr4.swf" width='300' height='300' id='vcastr3'>
		<param name='movie' value="bcastr4.swf?xml=
			<data>
				<channel>
					<item>
						<link>http://www.ezdrink.com.cn</link>
						<image>http://apensu-pc:8001/1/01.jpg</image>
						<title>aaaaaaa&bbbbbbb</title>
					</item><item>
						<link></link>
						<image>http://apensu-pc:8001/1/02.jpg</image>
						<title></title>
					</item><item>
						<link></link>
						<image>http://apensu-pc:8001/1/03.jpg</image>
						<title></title>
					</item><item>
						<link></link>
						<image>http://apensu-pc:8001/1/04.jpg</image>
						<title></title>
					</item><item>
						<link></link>
						<image>http://apensu-pc:8001/1/05.jpg</image>
						<title></title>
					</item>
				</channel>
			</data>" />
	</object>

</div>
</body>
</html>

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

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

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

flash幻灯demo-bcastr.swf
11-14
flash幻灯demo，可以用于动易，风讯等框架的函数使用
转：享受 Bcastr 4.0，优秀的通用图片轮换播放器～～
diejiankuai3444的博客
09-23 151
特别提示：xml 是可以动态生成的，但是在生成的时候要着重考虑 bcastr4.swf 、bcastr.xml 以及 图片的路径关系，另外需要注意 flash新版本 是不能跨域的，flash里面的链接和图片都是不能跨域的，就是说你的xml里面的的图片和链接地址都要跟xml是属于一个域名的～～ 网友冰淇淋小子建议：参数里面的图片和链接地址最好使用绝对路径。 我们在进行网页编程时，难...
轮播图
weixin_43666089的博客
12-05 124
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; *{ margin: 0; padding: 0; } /* ...
轮播字符串、可以带图片的
Hao、
03-16 305
import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; im...
bcastr4.swf幻灯片源代码
04-02
bcastr4.swf幻灯片源代码
FLASHl图片轮播
05-04
flash图片轮播；左右滚动轮播flash+xml图片展示效果
著名的bcastr4幻灯片灵动标签调用插件 for 帝国CMS.rar
07-14
先下载附件，放到images目录下，然后把下面代码放到模版处就行了。(有两处一样的灵动标签) &lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;/images/bcastr4.swf?xml= &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;data&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;channel&gt; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;[e:loop={37,5,0,1}] &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;item&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;link&gt;&lt;?=$bqsr[titleurl]?&gt;&lt;/link&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;image&gt;&lt;?=$bqr[titlepic]?&gt;&lt;/image&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;&lt;?=$bqr[title]?&gt;&lt;/title&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/item&gt; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;[/e:loop]&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/channel&gt;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/data&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;&nbsp;&nbsp;width=&quot;350&quot; height=&quot;210&quot; id=&quot;vcastr3&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;param name=&quot;movie&quot; value=&quot;/images/bcastr4.swf?xml= &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;data&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;channel&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [e:loop={37,5,0,1}] &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;item&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;link&gt;&lt;?=$bqsr[titleurl]?&gt;&lt;/link&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;image&gt;&lt;?=$bqr[titlepic]?&gt;&lt;/image&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;&lt;?=$bqr[title]?&gt;&lt;/title&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/item&gt; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;[/e:loop] &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/channel&gt; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;config&gt;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;autoPlayTime&gt;5&lt;/autoPlayTime&gt; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;transform&gt;breathe&lt;/transform&gt;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;titleFont&gt;微软雅黑&lt;/titleFont&gt; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;/config&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/data&gt;&quot; /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/object&gt; 上面的红色部分是设置参数。可以改成N多种效果，具体可以看&nbsp;&nbsp;http://www.ruochigroup.com/main/bcastr-example/ 可设置的参数　 &lt;config&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;roundCorner&gt;0&lt;/roundCorner&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;autoPlayTime&gt;8&lt;/autoPlayTime&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;isHeightQuality&gt;false&lt;/isHeightQuality&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;blendMode&gt;normal&lt;/blendMode&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;transDuration&gt;1&lt;/transDuration&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;windowOpen&gt;_self&lt;/windowOpen&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;btnSetMargin&gt;auto 5 5 auto&lt;/btnSetMargin&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;btnDistance&gt;20&lt;/btnDistance&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;titleBgColor&gt;0xff6600&lt;/titleBgColor&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;titleTextColor&gt;0xffffff&lt;/titleTextColor&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;titleBgAlpha&gt;.75&lt;/titleBgAlpha&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;titleMoveDuration&gt;1&lt;/titleMoveDuration&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;btnAlpha&gt;.7&lt;/btnAlpha&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;btnTextColor&gt;0xffffff&lt;/btnTextColor&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;btnDefaultColor&gt;0x1B3433&lt;/btnDefaultColor&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;btnHoverColor&gt;0xff9900&lt;/btnHoverColor&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;btnFocusColor&gt;0xff6600&lt;/btnFocusColor&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;changImageMode&gt;click&lt;/changImageMode&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;isShowBtn&gt;true&lt;/isShowBtn&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;isShowTitle&gt;true&lt;/isShowTitle&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;scaleMode&gt;noBorder&lt;/scaleMode&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;transform&gt;blur&lt;/transform&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;isShowAbout&gt;true&lt;/isShowAbout&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;titleFont&gt;微软雅黑&lt;/titleFont&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/config&gt; 大家可以自己结合试试不同效果,不填全部为默认!
React版轮播图与普敲原生版轮播图
愤怒的小火柴人
02-10 475
简单原生版轮播图改写成React版本，主要记录一下改写时的注意点
CMS用通用图片轮换flash幻灯片播放器：Bcastr3和Bcastr4
JellyLv的专栏
12-17 3145
这款Bcastr通用图片轮换播放器（或者叫他幻灯片播放器），由于其简洁的代码及其易用性，被dedeCMS、PHPCMS、帝国CMS、Z-blog等诸多网站内容管理程序开发者广泛引用。被使用的最多的是bcastr3，而开源的bcastr4不知何故没有推广开来。今天特地搜罗到了，bcastr3及bcastr4的源码和实例下载，同时分享一下他们的使用技巧。 用dedeCMS的朋友都知道dedeCMS的
android轮播图片(带标识点)
weixin_33721344的博客
12-22 365
为什么80%的码农都做不了架构师？&gt;&gt;&gt; ...
网页Flash实现图片轮播特效
慧心斋
03-19 3679
在需要调用flash的地方添加以下代码:       var focus_width=330   //定义轮播的宽度     var focus_height=450  //定义轮播的高度     var text_height=0   //定义轮播的文字说明高度，这个地方我将文字隐藏了     var swf_height = focus_height+text_height
简单三步实现banner的轮播效果
设计“1+2”，摹客就够了！
06-23 4005
目前有很多人使用Axure做轮播效果，步骤略复杂了些。这里，抛开其他设计原型不说，只说说banner图片轮播，三步教你实现轮播效果，我用的原型图软件是Mockplus。 把图片准备好，要开始了。 第一步：拖出“图片轮播”组件到工作区 第二步：双击“图片轮播”组件 点击“+”导入图片（事先把图片准备好） 选中你所需要的图片，可以多选，最多不能超过8个，按Ctrl键多选。点
html使用vcastr3.swf播放器播放flv视频
晓呆同学的专栏
12-26 4119
一、特点：使用as3.0重新写了播放器 播放器大小缩小,在20+k左右 可以通过xml对播放器设置 可以播放多个影片，并且有影片列表 可以设置循环播放，自动播放，是否直接开始下载，控制栏的颜色和模式 控制栏可以适应超小的尺寸 可以使用插件扩充播放器的功能 可以用插件设置logo及连接 可以用插件来用javascript控制播放器 可以用插件来用设定播放器开始或者结束的图片或者flash(swf) b
html table 兼容宽度&#039;,css - HTML table styling width - Stack Overflow
weixin_34723479的博客
06-17 91
I am attempting on the top line where it have a blank, and Bottle and glass I want that to be one line with the Glass and bottle to be all the way on the right on a full size page. I don't want lines ...
符合w3c标准flash(swf)插入代码,常用flash参数设置
pclook的专栏
10-19 453
<br />介绍一下符合w3c标准的flash代码的插入方法，并说明各个参数的设置 <br /> <br /><object type=“application/x-shockwave-flash” data=“vcastr3.swf” width=“650″ height=“500″ id=“vcastr3″ bgColor=“#ff0000″><br /> <param name=“movie” value=“vcastr3.swf”/><br /> <param name=“allowFull
html5轮播图标代码大全,HTML5轮播图全代码
weixin_36098128的博客
06-04 1842
轮播图原理大概是这样的，假定三张图片需要做轮播效果，首先需要将这三张图片并列放置，然后将这个整体并列向左移动，每当一张图片完整的从显示框走出，则将这张图片放置到最后面，循环往复就可以实现图片向左(或一个方向)移动。然后，需要有两个定时器，一个定时器A控制三张图片整体左移速度，另一个定时器B控制每当一张完整的图片走进这个显示框就等待一到两秒得到更好的用户体验。我这里用三个div框当作轮播图来演示。在...
最新bcastr4.swf图片轮播技术解析与应用
从给定文件信息中，我们可以提炼出一系列相关知识点，围绕&ldquo;bcastr4.swf图片播放器&rdquo;进行详细说明。 ### bcastr4.swf图片播放器 #### 1. 什么是SWF文件？ SWF（Small Web Format）是一种动画文件格式，原名...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值