フルFlashサイトを作る時にブラウザ画面の最小サイズを決めておくことがあります。
AS側で最小サイズの場合の処理を書いても良いけどなかなか面倒。

そこで活躍するのがswffit。
詳しくはこちら。サンプルもあります。

swfobjectばりに有名らしいですが、知りませんでしたよ。ええ。
で、今回swffitを使う場合に初歩的なミスではまったので、メモ。

swffitを使用する場合はswfobjectと併用しなければ動作しません。
そこでHTMLのヘッダに下記を記述。

<script type="text/javascript" src="swffit.js"></script>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
	var vars = {};
	var params = { scale:"noscale", menu:"false", allowScriptAccess:"samedomain", allowFullScreen:"true" };
	var attributes = { id:"flashContent", name:"flashContent" };
	swfobject.embedSWF("index.swf", "flashContent", "100%", "100%", "9.0.45", "expressInstall.swf", vars, params, attributes );
	swffit.fit("flashContent", 1000, 600);
</script>

swffit.fit("flashContent", 1000, 600);の1000, 600が今回指定したい最小サイズ。
これで一件落着。

と、思ったら全然効きません。
小１時間はまって心が折れそうになりつつも悪戦苦闘してましたが、
よくよくソース見てみると・・・

<script type="text/javascript" src="swffit.js"></script>
<script type="text/javascript" src="swfobject.js"></script>

・・・読み込み順が逆じゃね？

ということで、上記ソースを以下のように修正したら全然動きました。

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="swffit.js"></script>


と、久々のブログ更新でした。

2009年10月 4日 15:06