[FLASH IDE] 用swfobject方法插入页面的flash如何垂直居中 [复制链接]

帖子: 19
体力: 56
威望: 0

发表于 2008-3-18 22:43:13 |显示全部楼层

用swfobject方法插入页面的flash如何垂直居中？
俺没鼓捣过html……请高手别笑，支个招，多谢！
最好不要说装个DW，机器里没有。。下载了也搞不明白，最好就是在下面的代码上加点东西可以垂直居中。
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>

<center>

<div id="flashcontent"></div>

<script type="text/javascript">
var so = new SWFObject("aaa.swf", "mymovie", "750", "500", "8", "#ffffff");
so.write("flashcontent");
</script>

</center>

</body>
</html>

[ 本帖最后由 mixidea 于 2008-3-18 22:44 编辑 ]

西部数码顶级域名注册商39元抢注！

租服务器，上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

theschool　

中级会员

帖子: 152
体力: 201
威望: 0

发表于 2008-3-18 23:03:09 |显示全部楼层

加了一个CSS样式，改了一个DIV标签，居中了。倒是楼主这种插FLASH的JS的代码以前没见过，试了一下，SWF文件显示不出来。

提示：您可以先修改部分代码再运行

mixidea　楼主

帖子: 19
体力: 56
威望: 0

发表于 2008-3-19 12:12:39 |显示全部楼层

re

先谢楼上帮试了！
用swfobject方法是用一个js文件去除那个控件激活虚线框。。。。网上看了很多方法都是用js文件。。。
大家继续。。

theschool　

中级会员

帖子: 152
体力: 201
威望: 0

发表于 2008-3-19 12:24:52 |显示全部楼层

我的方法不行吗？还继续什么啊？

我昨天用DW自动插入的JS代码试了下，SWF正常显示，DIV居中

帖子: 82
体力: 183
威望: 0

发表于 2008-5-10 11:38:18 |显示全部楼层

我一般用非标准的如下：


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>

<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<div id="flashcontent"></div>

<script type="text/javascript">
var so = new SWFObject("aaa.swf", "mymovie", "750", "500", "8", "#ffffff");
so.write("flashcontent");
</script>

</td>
</tr>
</table>

</body>
</html>

以上代码的前提是必须删除
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

以上是我找到的最简单，最直接，通用性最好的垂直居中方式。
在IE、firefox、Opera上测试可行。
如果用标准方式都要延伸出一大堆代码，都不知道他们定标准的人是怎么想的，好像以代码复杂达到目的为荣。
其实<table>对定位一直都挺好用的，特别是一些相对性的定位。
而<div>则对一些固定性的定位比较好用。

[ 本帖最后由 chrisphany 于 2008-5-10 11:49 编辑 ]

mirycat　

CK同伈鎖

荣誉管理

帖子: 4640
体力: 19243
威望: 372

发表于 2008-5-10 12:50:46 |显示全部楼层

原帖由 chrisphany 于 2008-5-10 11:38 AM 发表
我一般用非标准的如下：

var so = new SWFObject("aaa.swf", "mymovie", "750", "500", "8", "#ffffff");
so.write("flashcontent");

以上 ...

flash 是固定高度的, 可以我的办法, 其中左边距和上边距是 swf 宽度一半的负数

提示：您可以先修改部分代码再运行

帖子: 82
体力: 183
威望: 0

发表于 2008-5-11 14:55:13 |显示全部楼层

楼上的居中方法经测试，分辨率在1680*1050的时候（本人20寸宽屏液晶），flash往上跑出显示区，只露出下半部分。

mirycat　

CK同伈鎖

荣誉管理

帖子: 4640
体力: 19243
威望: 372

发表于 2008-5-11 15:00:59 |显示全部楼层

原帖由 chrisphany 于 2008-5-11 02:55 PM 发表
楼上的居中方法经测试，分辨率在1680*1050的时候（本人20寸宽屏液晶），flash往上跑出显示区，只露出下半部分。

真的吗? 你确定你按照我说的去做了吗? 恐怕是根本没有理解吧

flash 是固定高度的, 可以用我的办法, 其中左边距和上边距是 swf 宽度一半的负数

例子
http://www.m2fw.com/temp/center.html

帖子: 82
体力: 183
威望: 0

发表于 2008-5-11 15:08:57 |显示全部楼层

上面方框里面的#flashcontent是：
#flashcontent {
width:300px;
height:200px;
position:absolute;
left : 50%;
top : 50%;
margin-left : -150px;
margin-top : -100px;
}

你给我的测试的页面里的是：
#flashcontent {
position:absolute;
left : 50%;
top : 50%;
margin-left : -266px;
margin-top : -52px;
}

只要确实可行我就收录，我也到处搜刮垂直居中的简单、通用的方式，垂直居中做 flash 的都经常用。

[ 本帖最后由 chrisphany 于 2008-5-11 15:11 编辑 ]

mirycat　

CK同伈鎖

荣誉管理

帖子: 4640
体力: 19243
威望: 372

发表于 2008-5-11 15:10:17 |显示全部楼层

原帖由 chrisphany 于 2008-5-11 03:08 PM 发表
上面方框里面的#flashcontent是：
#flashcontent {
width:300px;
height:200px;
position:absolute;
left : 50%;
top : 50%;
margin-left : -150px;
margin-top : -100px;
}

你给我的测试的页面里 ...

flash 是固定高度的, 可以用我的办法, 其中左边距和上边距是 swf 宽度一半的负数

和你说话真吃力, 都不爱动脑子

帖子: 82
体力: 183
威望: 0

发表于 2008-5-11 15:14:05 |显示全部楼层

我脑子里想的都是怎么偷懒

帖子: 82
体力: 183
威望: 0

发表于 2008-5-11 15:40:49 |显示全部楼层

其实我最不明白的是这种调用swfobject方式：
<script type="text/javascript">
var so = new SWFObject("http://gg.blueidea.com/2008/chinavisual/533x104.swf", "mymovie", "533", "104", "8", "#ffffff");
so.write("flashcontent");
</script>

我用的调用方式：
<script type="text/javascript">
var flashvars = {};
//flashvars.sn = "a00001";
var params = {};
params.menu = "false";
params.quality = "autohigh";
params.wmode = "transparent";
params.allowfullscreen = "true";
params.allowscriptaccess = "always";
params.allownetworking = "all";
var attributes = {};
swfobject.embedSWF("swf/Index.swf", "flashcontent", "748", "350", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>

调试2次，还是不行。

CLARKH　

中级会员

帖子: 119
体力: 379
威望: 0

发表于 2008-5-19 14:51:02 |显示全部楼层

原帖由 chrisphany 于 2008-5-11 15:40 发表
其实我最不明白的是这种调用swfobject方式：

var so = new SWFObject("http://gg.blueidea.com/2008/chinavisual/533x104.swf", "mymovie", "533", "104", "8", "#ffffff");
so.write("flashcontent");
...

第一个是swfobject1.5时的方法
第二个是swfobject2.0时的方法
后面的是新版的，采用js仿静态类的做法。