设为首页收藏本站

Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 6750|回复: 10

贴内Flash全屏展示插件,从此不在为Flash不能自定义高度宽度烦恼

[复制链接]
发表于 2010-5-29 18:30:39 | 显示全部楼层 |阅读模式
插件发布
插件名称: 贴内Flash全屏展示插件
插件来源:
适用版本: Discuz! 7.2
语言编码: GBK简体 UTF8简体 BIG5繁体 
最后更新时间:
插件作者: 咖啡
插件简介: 贴内Flash全屏展示插件,从此不在为Flash不能自定义高度宽度烦恼,自定义flash宽度和高度,支持全屏浏览功能。
本帖最后由 fla126 于 2010-5-29 18:34 编辑

贴内Flash全屏展示插件,从此不在为Flash不能自定义高度宽度烦恼javascript:;,自定义flash宽度和高度,支持全屏浏览功能。


1.jpg
2.jpg

插件展示地址:http://www.51czw.net/bbs/thread-207-1-1.html

安装方法:后台》界面》编辑器设置》Discuz! 代码

添加swf标签,选中可用和显示项保存(注意,必须在用户组权限中,开启允许使用自定义DZ标签),打开详细设置:

替换内容填入:
  1. <div><input type="button" value="全屏播放 {2}X{3}" onclick="selectNode(this);"/><input type="hidden" value='<div class="alldenglu"><div style="text-align:center;"><input type="button" value="关闭全屏" onclick="loadBox.hide()"/></div><div><embed src={1} width={2} height={3}  quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" ></embed></div><div>'  /></div><embed src={1} width="550" height="400"  quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" ></embed>
  2. <script type="text/javascript">
  3. var loadBox= new LightBox({2},{3});
  4. window.onload=function(){
  5. loadBox.init();
  6. loadBox.boxContent='<div class="alldenglu"><div style="text-align:center;"><input type="button" value="关闭全屏" onclick="loadBox.hide()"/></div><div><embed src={1} width={2} height={3}  quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" ></embed></div><div>' ;
  7. }
  8. </script>
复制代码
其他选项设置如图:

3.jpg

修改论坛目录下templates\default\header.htm

查找:</head>在它的上面添加如下代码:
  1. <style type="text/css">
  2. .bgLayer{ background:#000; opacity:0.5; filter:alpha(opacity=30);z-index:10001;position:absolute;left:0;top:0;}
  3. .boxLayer{ background:#EEEEEE; border:6px solid #EEEEEE; overflow:hidden; zoom:1; z-index:10002; position:absolute;}
  4. </style>
  5. <script type="text/javascript">
  6. function selectNode(obj){
  7. objParent = obj.parentNode;
  8. loadBox.boxContent=objParent.childNodes[1].value;
  9. loadBox.show();
  10. }
  11. function LightBox(boxWidth,boxHeight,boxContent)
  12. {
  13. this.boxWidth=boxWidth;
  14. this.boxHeight=boxHeight;
  15. this.boxContent=boxContent;
  16. var bgLayer,boxLayer;
  17. var documentHtml=document.documentElement;
  18. this.createBgLayer=function()
  19. {
  20. bgLayer = document.createElement("div");
  21. with (bgLayer)
  22. {
  23. className="bgLayer";
  24. style.width=documentHtml.scrollWidth+"px";
  25. style.height=documentHtml.scrollHeight+"px";
  26. style.display="none";
  27. }
  28. document.body.insertBefore(bgLayer,document.body.firstChild);
  29. };
  30. this.createBox=function(){
  31. boxLayer = document.createElement("div");
  32. with (boxLayer)
  33. {
  34. className = "boxLayer";
  35. style.width=this.boxWidth + "px";
  36. style.height = this.boxHeight +"px";
  37. style.display="none";
  38. };
  39. document.body.insertBefore(boxLayer,document.body.firstChild);
  40. };
  41. this.init= function()
  42. {
  43. this.createBgLayer();
  44. this.createBox();
  45. }
  46. // if IE 6.0
  47. function hideShowSelect(obj)
  48. {
  49. if (window.navigator.userAgent.indexOf("MSIE 6.0") > 0)
  50. {
  51. var selectDom = document.getElementsByTagName("select");
  52. for (var i = 0; i < selectDom.length ; i++)
  53. {
  54. if (obj)
  55. selectDom[i].style.display="none";
  56. else
  57. selectDom[i].style.display="";
  58. }
  59. }
  60. };
  61. this.show = function()
  62. {
  63. hideShowSelect(true);
  64. boxLayer.innerHTML=this.boxContent;
  65. bgLayer.style.display = "block";
  66. boxLayer.style.display = "block";
  67. boxLayer.style.left = documentHtml.offsetWidth /2 - boxLayer.offsetWidth/2 +"px";
  68. boxLayer.style.top = documentHtml.scrollTop+ "px";
  69. }
  70. this.hide = function()
  71. {
  72. hideShowSelect(false);
  73. bgLayer.style.display = "none";
  74. boxLayer.style.display = "none";
  75. }
  76. }
  77. </script>
复制代码
搞定。

发帖标签形式:

4.jpg
  1. [swf=http://shop.bxn.com/resource/File/Emag/7-2/pages/22.swf,952]648[/swf]
复制代码
发表于 2010-5-29 18:32:47 | 显示全部楼层
不 错。支持楼主
回复

使用道具 举报

 楼主| 发表于 2010-5-29 18:37:49 | 显示全部楼层
啊,自己美抢到沙发!!
回复

使用道具 举报

 楼主| 发表于 2010-5-29 18:38:25 | 显示全部楼层
把楼上的抓下来!!(EM:152:) 把楼上的抓下来!!(EM:152:)(EM:152:) 把楼上的抓下来!!(EM:152:)(EM:152:) 把楼上的抓下来!!(EM:152:)(EM:152:) 把楼上的抓下来!!
回复

使用道具 举报

发表于 2010-5-29 18:44:34 | 显示全部楼层
。支持楼主
回复

使用道具 举报

发表于 2010-5-29 20:26:11 | 显示全部楼层
嗯  路过支持下
回复

使用道具 举报

发表于 2010-5-30 21:03:46 | 显示全部楼层
不错的效果。值得收藏。
回复

使用道具 举报

发表于 2010-9-16 18:44:16 | 显示全部楼层
试过了···有全屏播放按钮·····但·不起任何作用
回复

使用道具 举报

发表于 2011-2-15 02:39:35 | 显示全部楼层
不错,好东西啊
回复

使用道具 举报

发表于 2011-2-15 06:41:40 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|Comsenz ( 粤B2-20090059-165 )  star

GMT+8, 2018-10-16 05:56

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表