みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

FLASHの代替え画像を表示させるには・・・?

FLASHで見ることが出来るPCサイトをiPadやiPhoneでみると、空白で表示されるので、代替えのjpg画像を表示させたいのですが、方法が分かりません。
こちらのサイトにある方法も試しましたが、どの方法(<noebed></noebed>)でも表示されませんでした。
コードは自分で書いていないので、詳しい内容が不明ですが、具体的に追加・変更するコードを教えていただけないでしょうか。
FLASHデータは"p_change.swf"、代替え画像名は020.jpgになります。
必要な情報があればお答えしますので、よろしくお願い致します。
実際のコードになります。

<div id="topImageBox">
<div id="topFlash">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="940" height="335" id="topflash1" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="p_change.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />
<embed src="p_change.swf" quality="high" bgcolor="#ffffff" width="940" height="335" name="p_change" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>


以下も試しましたがだめでした。私の記述の仕方が悪いのかもしれません。
<object data="Flashデータ名" type="application/x-shockwave-flash" style="width:サイズ; height:サイズ;">
<param name="movie" value="Flashデータ名">
<img src="kanban.jpg" width="サイズ" height="サイズ">
</object>

投稿日時 - 2013-02-08 12:25:14

QNo.7934378

すぐに回答ほしいです

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

swfobjectというflashをobjectで読み込むのではなく、javascriptを使って読み込むという方法があります。
代替内容の記述が楽だと思います。

参考
http://unpco.com/archives/608

投稿日時 - 2013-02-08 13:08:36

お礼

ありがとうございました。
参考サイトを見て以下の方法を試したところ、うまく表示されました。
他の方への参考に、方法を書いておきます。

1.参考サイトからswfobjectをダウンロードする→フォルダ内のswfobject.jsファイルをHTMLファイルと同じ階層に保存する(別階層の場合は相対パス/で)

2.表示させたいHTMLのヘッダーに以下のコードを入れる
<script type="text/javascript" src="swfobject.js"></script>

3.flash画像部分に以下のコードを入れる(p_change.swfがFlashファイル名で代替え画像名が020.jpgです)
<div id="topImageBox">
<div id="topFlash">
<img src="f_img/020.jpg" width="940" height="355" alt="Top Image">
<script type="text/javascript">
swfobject.embedSWF("p_change.swf", "topFlash", "940", "355", "9.0.0", "#ffffff");
</script>
</div>

とても分かり易かったです。

投稿日時 - 2013-02-08 14:38:07

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

OBJECTはいくらでも入れ子にできますから、それがいちばん楽です。javascript未対応のブラウザは無論、検索エンジンにも有利です。なんと言っても簡単。
<object>
 <object>
  <object>
   <object>
    代替テキスト
   </object>
  </object>
 </object>
</object>
 ⇒13.3 一般的包含: OBJECT要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#h-13.3 )
<object data="Flashデータ名" type="application/x-shockwave-flash" style="width:サイズ; height:サイズ;">
 <param name="movie" value="Flashデータ名">
 <object data="kanban.jpg" type="img/gif">
  代替テキスト
 </object>
</object>

投稿日時 - 2013-02-08 14:01:38

お礼

回答をいただきありがとうございました。
javascript未対応のブラウザでも表示されて、検索エンジンにも有利というのは良いですね。
先に返事をいただいた方法で試したところうまく表示が出来たので、別の機会にこちらの方法も試してみたいと思います。
ありがとうございました。

投稿日時 - 2013-02-08 14:41:07

あなたにオススメの質問