js控制SWF尺寸 swffit

swffit是一个智能的js脚本,用它来调整您的FLASH影片尺寸,使您的swf布局在任何分辨率下都保持最佳视觉效果。

用swffit配合swfobject来部署flash website是非常完美的解决方案。

首先在<head>部分引入JS并完成一些初始:

<script src="js/swffit.js"></script>
<script src="js/swfobject.js"></script>
	<script>
		var flashvars = {
		};
		var params = {
			menu: "false",
			scale: "noScale",
			allowFullscreen: "true",
			allowScriptAccess: "always",
			bgcolor: "",
			wmode: "direct" // can cause issues with FP settings & webcam
		};
		var attributes = {
			id:"Main"
		};
		swfobject.embedSWF(
			"Main.swf", 
			"altContent", "100%", "100%", "10.0.0", 
			"expressInstall.swf", 
			flashvars, params, attributes);
		swffit.fit(attributes.id,1000,600);
	</script>
	<style>
		html, body { height:100%; overflow:hidden; }
		body { margin:0; }
	</style>

 HTML元素:

<div id="altContent">
		<h1>My website</h1>
		<p><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash player</a></p>
	</div>

 swffit的一些公共方法:

swffit.fit('flashID', minWid, minHei, maxWid, maxHei, hCenter, vCenter);

flashID:String - swf文件容器div.

minWid:Number (optional since v2.3) - 最小宽度,小于此值时将出现浏览器横向滚动条.

minHei:Number (optiona since v2.3) - 最小高度,小于此值时将出现浏览器竖向滚动条.

maxWid:Number (optional) - 最大宽度,大于此值时swf将不再拉伸,默认值为null(swf宽等于浏览器宽).

maxHei:Number (optional) - 最大高度,大于此值时swf将不再拉伸,默认值为null(swf宽等于浏览器高).

hCenter:Boolean (optional) - 是否水平居中对齐, 默认为true.

vCenter:Boolean (optional) - 是否垂直居中对齐, 默认为true.

 

swffit.configure(prop);

swffit.stopFit(width, height);

swffit.startFit();

swffit.addResizeEvent(function);

swffit.removeResizeEvent(function);

swffit.getValueOf('property');

swffit.showScrollH();

swffit.showScrollV();

swffit.getScrollTop();

swffit.getScrollLeft();

 

swffit的一些公共属性:

见官方文档

swffit的事件

见官方文档

 

 

 

相关阅读

swffit官方

http://swffit.millermedeiros.com/

swfobject:

http://code.google.com/p/swfobject/

 

 

posted @ 2012-10-22 15:30  bango  阅读(1946)  评论(0)    收藏  举报