Flash图片浏览

Flash图片浏览

加载中...

登录后可看到Flash效果！

使用Flex开发

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

主要功能：

1 图片数据动态获取

2 提供全屏浏览功能

3 可设置图片说明信息

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

5 支持鼠标滚轮缩放

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

代码说明：

?

1 2 3 4 5 6 7 8 9 10 11

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内容如下

?

1 2 3 4 5 6 7 8 9 10 11

<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上传到博客园文件中即可访问！