さとーるのえぇ？そんなとこまで～♡

～画像が消されたところに代替テキストを表示する方法～

こんにちわ♪
よく画像が削除されたり
時々記事そのものが削除されてる
さとーるです

一つ前の記事の画像も消されてました（Ｔ＿Ｔ）

さて、以前のアメブロでは
画像が削除されると、そこに代替テキストが表示されてたので
画像削除が一目で分かりましたが（firefoxで閲覧している場合）
いつの間にか代替テキストの表示がなくなっていました。

削除されるたびにブログ記事の
画像のところに「削除されました」って書くのが面倒なので、
最初っから、画像が削除されたら
代替テキストを表示できるようにする方法を
ご紹介します

ちなみにタグ編集エディタを使って
ブログを書いてる人限定です。


記事に画像を貼り付けると
エディタ上では下記のようなHTMLタグに展開されます
(途中省略と書いた部分にはユーザーや画像により異なる文字列が入ります)

<a href="http://stat.ameba.jp/user_images/途中省略"><img src="http://stat.ameba.jp/user_images/途中省略" alt="" border="0" /></a>

赤字のalt=""の部分(alt属性といいます)が代替テキストなんで
ここに何か文字を入れると
↓
↓
↓
<a href="http://stat.ameba.jp/user_images/途中省略"><img src="http://stat.ameba.jp/user_images/途中省略" alt="削除されました(TωT)" border="0" /></a>
もしも画像が削除されたら

削除されました(TωT)

と表示されるようになります。
一つ前の記事は、この方法でテキストを表示させてます。


以下、alt属性に代替テキストとして
「架純ちゃんの浴衣尻、、、良かったなぁ(〃∇〃)」と記述して
2枚目の画像を削除してみた結果
↓
↓
↓
↓
↓
1枚目



2枚目


こうなります

だけどこれ
chromeで閲覧するとテキストが
表示されないんだよな。。。。
なんでだろ？？