スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

HomeFlash講座 > 背景が透明なフラッシュファイルの作り方

背景が透明なフラッシュファイルの作り方

投稿日:2006年6月18日   レベル:中級    ソフトウェア:Flash



500_501_012_1.jpg
背景が透明なフラッシュファイルの作り方には2つの方法があります。
1つは、パブリッシュの際に透明なファイルとして、Macromedia FlashからHTMLにエクスポートする方法があります。
ここでは2つの方法、両方について紹介します。

透明なFlashをサポートしているブラウザ

Internet Explore 3以上のバージョン(Windows)
Internet Explore 5.1、5.2*(Mac)
Netscape 7.0*
Mozillla 1.0以上のバージョン*
AOL*
CompuServe*

*Macromedia Flash Playerのバージョン6、0、65、0(Windows)もしくは6、0、67、0(Mac)などが必要にまります。


1.最初に、透明なFlashファイルをパブリッシュしてみましょう。Macromedia Flashでファイルを開いて、塗りつぶした円を描いてください。
ファイルを保存して、ファイル>パブリッシュ設定、もしくは、Ctrl+Shift+F12を押してください。
下のようなウィンドウが開いたはずです。
HTMLタブを選択し、ウィンドウモードから、ウィンドウ無しを選択します。
そしてパブリッシュしてください。

500_501_012_2.jpg

これで、あなたのファイルは透明なswfとして保存されました。
透明になったかどうかを調べるには、背景色を白以外に変えてみて、書き出してみてください。
正しくファイルが作成されていれば、背景になんの変化もないはずです。


2.2つ目のファイル作成の方法を見ていきましょう。
Flashをホームーページに挿入して使用する場合も多いと思います。
2つめの方法は、Flashの書き出し時ではなく、後でその設定を変更するやり方です。

Flashファイルを挿入した、DreamweaverやHTMLファイルを開いてください。
コードを開いたら、次のようなものになっていると思います。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="100">
<param name="movie" value="trans.swf">
<param name="quality" value="high">
<embed src="trans.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="100"></embed>
</object>

ここでFlashの背景を透明にするという、コードを1行挿入します。
これが挿入後のコードになります。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="100">
<param name="movie" value="trans.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="trans.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="100"></embed>
</object>

最後の<para name=”・・コードと<embed src=・・に、wmode=”transparent”を追加してください。
そうすれば透明なFlashファイルを作れますよ!

引用:Web Design Library著者:Ades Tynyshov翻訳:atuk



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング