ホームページの作成について

質問

ホームページの作成について
adobe Dwでホームページを作成中ですが、jpeg画像の上にswfイメージを配置するにはどうすればいいのでしょうか？
どなたかお分かりの方、ご指導願います。

質問イメージ画像も添付ました。

回答No.1

x_lady007 · ベストアンサー

背景の上にFlashを表示するだけなら以下。
http://special.kei-yonekubo.com/100916-1/haikei.html

■CSS
------------------------------------------------
#wrap{width:500px;height:500px;background:url('images/gazou.gif') left top no-repeat;}
.flash{width:200px;height:200px;padding:50px 0 0 50px;}
------------------------------------------------

■HTML
------------------------------------------------
<div id="wrap">
<div class="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="200">
<param name="movie" value="flash.swf">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash.swf" width="200" height="200">
<!--<![endif]-->
<img src="images/daitai.gif" width="200" height="200" alt="代替イメージ">
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
------------------------------------------------

画像の上にFlashを重ねるなら以下。
http://special.kei-yonekubo.com/100916-1/zindex.html

■CSS
------------------------------------------------
#wrap{position:relative;}
.gazou{position:absolute;left:0;top:0;z-index:50;}
.flash{width:200px;height:200px;position:absolute;left:50px;top:50px;z-index:100;}
------------------------------------------------

■HTML
------------------------------------------------
<div id="wrap">
<div class="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="200">
<param name="movie" value="flash.swf">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash.swf" width="200" height="200">
<!--<![endif]-->
<img src="images/daitai.gif" width="200" height="200" alt="代替イメージ">
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div class="gazou"><img src="images/gazou.gif" alt="背景画像"></div>
</div>
--------------------

補足

素早い回答ありがとうございます。
ＤＷで試してみましたが、"代替イメージ"を置きかえるとＤＷが強制終了？シャットダウン？してしまうんですよね・・・なにか解決策はありますでしょうか？
お忙しい中、申しわけございません。

回答No.2

x_lady007

#ANo.1です。

＞ＤＷが強制終了？シャットダウン？

そちらの状況はよくわかりませんが、代替イメージは必須ではないので以下のようにIEの条件付きコメントごとimgタグを削除してしまってもいいです。

--------------------------------------
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="200">
<param name="movie" value="flash.swf">
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash.swf" width="200" height="200"></object>
<!--<![endif]-->
</object>
--------------------------------------

お礼

ご指摘通り試行錯誤しながらいろいろいじってましたらイメージ通り画像の上にflashファイルを重ねることが出来ました。
ありがとうございました。

補足

補足回答ありがとうございました。
ご指摘通りやってみましたが、やはりflashファイルを置き換えるとＤＷが「問題が発生したためＤＷ終了しますetc...」となり強制終了してしまいます。
これはこちらのＰＣ環境の問題なのでしょうか・・・また、他のやり方もあるのでしょうか・・・
お手数かけて申し訳ありませんが、またお暇な時で構いませんのでご指導よろしくお願いします。