现在的位置: 首页 > 综合 > 正文

Flash图片浏览

2012年05月01日 ⁄ 综合 ⁄ 共 1052字 ⁄ 字号 评论关闭

Flash图片浏览


登录后可看到Flash效果!

使用Flex开发

实例及源码下载:http://files.cnblogs.com/zjfree/photoView.rar

主要功能:

1 图片数据动态获取

2 提供全屏浏览功能

3 可设置图片说明信息

4 提供图片幻灯片浏览方式

5 支持鼠标滚轮缩放

6 支持键盘左右键控制上一张、下一张

代码说明:

var flashvars = {
	serverUrl: "getPhoto.aspx", //服务器端获取数据页面
	stayTime:10 //播放时图片停留时间
};
var parames = {
	menu: false,
	quality: "high",
	allowfullscreen: true,
	wmode: "transparent"
};
swfobject.embedSWF("photoView.swf", "myContent", "800", "600", "9.0.0", "expressInstall.swf", flashvars, parames);

获取数据页面数据格式:

图片1URL|图片2URL|图片3URL;图片1说明|图片2说明

图片说明为可选参数!图片说明可使用textHtml数据格式!

关于在博客园中如何嵌入flash

1 在文件中上传swf文件。注意当未登录时是无法访问到博客园的文件的!

2 上传swfobject.js expressInstall.swf

3 编辑HTML内容如下

<div id="divFlash" style="display:none;">加载中...</div>
<script type="text/javascript" src="http://files.cnblogs.com/[用户名]/swfobject.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		if($('.author')[0].disabled)
		{
			$('#divFlash').show();
			swfobject.embedSWF("http://files.cnblogs.com/[用户名]/myFlash.swf", "divFlash", "800", "600", "9.0.0", "http://files.cnblogs.com/[用户名]/expressInstall.swf");
		}
	});
</script>

4 将Flash中需要引用的图片,扩展名修改.jpg为.rar上传到博客园文件中即可访问!

抱歉!评论已关闭.