FLASH图片广告系统使用心得(使用方法及下载)
2010-08-31 15:01
531 查看
项目中首页有个图片广告轮流播放的功能,看了一下是用flash+javascript实现的。在网上google了一下,原来网上已有此解决方案。
原理:使用JAVASCRIPT和FLASH进行数据交换
文件:一个调用FLASH和含有JAVASCRIPT的html文件+一个广告FLASH文件
<script type="text/javascript">
<!--
var focus_width=365;
var focus_height=420;
var text_height=0;
var swf_height = focus_height+text_height;
var pics='http:www.pconline.com.cn/test/toptitle/images/picpath/pmareddian365.jpg|http:www.pconline.com.cn/test/toptitle/images/picpath/jiadian(2).JPG|http:www.pconline.com.cn/test/toptitle/images/picpath/02232yuejiangkpfoc.jpg';
var links='http:www.pconline.com.cn/digital/dc/news/cmt/0602/760853.html|http:www.pconline.com.cn/digital/family/|http:www.pconline.com.cn/digital/audio/daogou/mp3/time/0602/760219.html';
var texts='DC|家电|随身听';
document.write('<object ID="focus_flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http:fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#E7E7E7">');
document.write('<param name="menu" value="false"><param name=wmode value="transparent">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed ID="focus_flash" src="pixviewer.swf" wmode="transparent" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#E7E7E7" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http:www.macromedia.com/go/getflashplayer"/>'); document.write('</object>');
//-->
</script> 几个参数说明。
focus_width 用来设置FLASH宽度
focus_height 用来设置FLASH高度
text_height 设置显示字体区域高度(字会显示在FLASH最下面,如果是0就不显示)
pics 设置加载图片的地址,中间以“|”分隔
links 设置加载图片链接的地址,中间以“|”分隔
texts 设置加载图片说明文字的地址,中间以“|”分隔,如果text_height设置是0的话就不会显示
在实际使用中,pixviewer.swf存放在某个文件夹下,轮播的图片存放在项目的某个文件夹中,此两处的路径稍微改动下即可。另外图片以几十KB大小,bmp格式为好,像素在256*252显示效果不错。具体的范围,可以自己去试。pics为图片的服务器端地址(中间以"|"隔开)。links 为加载图片链接的地址(中间同样以"|"隔开),它里面的字符串内容没严格要求。
实现的效果类似下图。
此方案缺点是:对图片有限制要求,图片轮播的时间间隔和图片的停留时间不能人为控制。
flash文件pixviewer.swf.可点这里下载。
原理:使用JAVASCRIPT和FLASH进行数据交换
文件:一个调用FLASH和含有JAVASCRIPT的html文件+一个广告FLASH文件
<script type="text/javascript">
<!--
var focus_width=365;
var focus_height=420;
var text_height=0;
var swf_height = focus_height+text_height;
var pics='http:www.pconline.com.cn/test/toptitle/images/picpath/pmareddian365.jpg|http:www.pconline.com.cn/test/toptitle/images/picpath/jiadian(2).JPG|http:www.pconline.com.cn/test/toptitle/images/picpath/02232yuejiangkpfoc.jpg';
var links='http:www.pconline.com.cn/digital/dc/news/cmt/0602/760853.html|http:www.pconline.com.cn/digital/family/|http:www.pconline.com.cn/digital/audio/daogou/mp3/time/0602/760219.html';
var texts='DC|家电|随身听';
document.write('<object ID="focus_flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http:fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#E7E7E7">');
document.write('<param name="menu" value="false"><param name=wmode value="transparent">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed ID="focus_flash" src="pixviewer.swf" wmode="transparent" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#E7E7E7" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http:www.macromedia.com/go/getflashplayer"/>'); document.write('</object>');
//-->
</script> 几个参数说明。
focus_width 用来设置FLASH宽度
focus_height 用来设置FLASH高度
text_height 设置显示字体区域高度(字会显示在FLASH最下面,如果是0就不显示)
pics 设置加载图片的地址,中间以“|”分隔
links 设置加载图片链接的地址,中间以“|”分隔
texts 设置加载图片说明文字的地址,中间以“|”分隔,如果text_height设置是0的话就不会显示
在实际使用中,pixviewer.swf存放在某个文件夹下,轮播的图片存放在项目的某个文件夹中,此两处的路径稍微改动下即可。另外图片以几十KB大小,bmp格式为好,像素在256*252显示效果不错。具体的范围,可以自己去试。pics为图片的服务器端地址(中间以"|"隔开)。links 为加载图片链接的地址(中间同样以"|"隔开),它里面的字符串内容没严格要求。
实现的效果类似下图。
此方案缺点是:对图片有限制要求,图片轮播的时间间隔和图片的停留时间不能人为控制。
flash文件pixviewer.swf.可点这里下载。
相关文章推荐
- FLASH图片广告系统使用心得
- FLASH轮换图片广告代码及使用方法
- 在python中可以使用urllib方便的实现图片和flash下载
- Android 使用 DownloadManager 管理系统下载任务的方法
- sharpwebmail邮件管理系统开源 下载及使用方法
- PHP使用pcntl_fork实现多进程下载图片的方法
- ViewPager显示广告图片超简易使用方法
- Android 下载显示网络图片 实现直接使用类似setimage的方法来完成
- 技术干货 - 根据不同系统使用不同样式图片(交换方法)
- Win8.1系统中使用画图工具调整图片大小的方法图文详解
- 使用httpclient下载图片时,url中含有中文字符,导致下载失败的解决方法
- 使用SDWebImage下载图片,sharedDownloader方法下载成功,new 方法下载失败
- 谈谈Android下载图片的方法中SoftReference的使用
- 利用运行时,给UIImageView写一个分类,交换里面的setImage的方法,可以重绘图片,提高内存的利用率(要是没有重绘图片,直接使用系统提供的setImag就会造成占用大量的内存问题)
- 生成黑白画笔,android使用系统浏览器打开网页,将Bitmap图片存储在本地JPG文件的方法
- Control Study->AdRotator广告控件显示自定义配置文件中广告以及与DataGrid控件结合使用显示图片(示例代码下载)
- 在android中使用AsyncTask从网络中下载图片,但是调用了execute方法后,最后不执行onPostExcute方法
- Android使用DownloadManager管理系统下载任务的方法
- NSString类方法同步请求、使用NSData方法同步请求 下载图片、数据
- Win10下python3和python2同时安装并解决pip共存问题 特别说明,本文是在Windows64位系统下进行的,32位系统请下载相应版本的安装包,安装方法类似。 使用python开