• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • x_lady007
  • ベストアンサー率75% (37/49)
回答No.1

背景の上に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> --------------------

kayuhaku
質問者

補足

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

その他の回答 (1)

  • x_lady007
  • ベストアンサー率75% (37/49)
回答No.2

#ANo.1です。 >DWが強制終了?シャットダウン? そちらの状況はよくわかりませんが、代替イメージは必須ではないので以下のように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> --------------------------------------

kayuhaku
質問者

お礼

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

kayuhaku
質問者

補足

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

関連するQ&A

専門家に質問してみよう