Flash图片浏览

Flash图片浏览

加载中...

登录后可看到Flash效果！

使用Flex开发

实例及源码下载：https://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="https://files.cnblogs.com/[用户名]/swfobject.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		if($('.author')[0].disabled)
		{
			$('#divFlash').show();
			swfobject.embedSWF("https://files.cnblogs.com/[用户名]/myFlash.swf", "divFlash", "800", "600", "9.0.0", "https://files.cnblogs.com/[用户名]/expressInstall.swf");
		}
	});
</script>

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