KH-WEBLOG TOP > WEBメモ > JavaScript > swfobject.jsでFlashの代替え画像を表示

swfobject.jsでFlashの代替え画像を表示

iPhone等のFlashが見れない環境で、Flashの代替え画像を簡単に表示する方法をメモ

コーディング・WordPress化作業を代行します

SWFObject

SWFObjectというライブラリを使用すると簡単に実装できます。

SWFObject

こちらのサイトからswfobject.jsをダウンロードし、
header部分に

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

を追加し、
Flashを表示させたい部分に

<!--swfファイルの表示-->
<script type="text/javascript">
  swfobject.embedSWF(
    "swf/sample.swf", //swfファイルへのパス
    "noFlash",//代替コンテンツを表示するid
    "980",//表示されるswfの幅
    "300",//表示されるswfの高さ
    "9.0.0"//flashPlayerのバージョン
  );
</script>

<!--代替えコンテンツ-->
<div id="noFlash">
<!--ここに代替えコンテンツの内容-->
<img src="img/sample.jpg">
<!--ここに代替えコンテンツの内容ここまで-->
</div>

のように記述すればOK

簡単に実装できるのでおすすめですよ

コーディング・WordPress化作業を代行します

JavaScriptのおすすめ参考書

楽天ブックス
¥2,728 (2024/04/16 09:20時点 | 楽天市場調べ)
\楽天ポイント5倍セール!/
楽天市場
楽天ブックス
¥2,838 (2024/04/13 07:28時点 | 楽天市場調べ)
\楽天ポイント5倍セール!/
楽天市場
楽天ブックス
¥2,838 (2024/04/16 09:20時点 | 楽天市場調べ)
\楽天ポイント5倍セール!/
楽天市場

TAGS

.htaccess ActionScript All in one seo pack Contact Form 7 CSS CSS3 EC-CUBE Flash HTML HTML5 JavaScript jQuery LightBox PHP RSS SEO WordPress アイキャッチ画像 アクセス解析 カスタムフィールド カテゴリー カラーミーショップ カート コメント ショートコード テンプレートタグ ドロップダウンメニュー パーマリンク フォーム フルスクリーン ブログカード プラグイン ページテンプレート ページナビ ページ分割 マウスイベント リダイレクト リンク リンクカード レンタルサーバー ロールオーバー 携帯サイト 条件分岐 正規表現 関連記事