バカネコ日記

写真にマウスのカーソル(矢印)をあわせると、メッセージが出てくる仕掛けがある。
これは、通常、<img>タグの中に、alt="○○" を仕込むことで実現する。
ところが、まれに、これが出現しないことがある。

リンクを張った画像に、alt属性を設定したけど、
出てこなかったという話を聞いた。
Macの場合、こういうことがあるらしい。　

そこで、本日のバカネコ講座は、alt属性以外のポップアップ方法。
もちろん、楽天日記でも使えるワザである。

画像に、alt属性を指定すると、その内容が小さなポップアップとして
数秒間表示される。

　こんな感じ　↓

　例文　↓
<img alt="■ここに説明文を入れる■" src="URL">


これは、もともとは、何かの理由で画像が表示されない場合に備えて、
画像の代わりに表示させるテキストだ。
あるいは、画像非表示設定のブラウザとか、テキストブラウザのためのものである。
ポップアップが目的なのではない。

だが、こんなシャレた機能を使うなと言うのは、殺生だ。
これが使えない、もしくは表示されない場合はどうしたら良いだろうか。

この場合、<img>タグの中に、title="○○" というように、title属性を仕込んでやれば
同じ効果が得られる。
　例文　↓
<img title="■ここに説明文を入れる■" src="URL">



ただ、これらのタグの意味は異なる。
altは画像が表示できない場合に、代わりとして表示するテキストであり、
titleはその名の通り、そのタグが何であるかを示す表題である。



では競合したら、つまり、両方とも仕込んだら、どうなるだろうか？
興味のあるところであるが、これはtitle属性が優先されることになっている。
実験してみたところ、両方表示されることはなかった。


このtilte属性は、<a>タグの中にも、設定できる。
見た目の効果は、alt と同じである。
Macでは表示できないとあきらめていた方、ちょっと耳寄りなテクではあるまいか。

さらに、このtitle属性は、設定できるタグは他にもある。
たとえば、<table>タグや、<p>タグにも設定できるのだ。
ただし、<p>タグに title属性をつけると、楽天の場合はエラーになる。

楽天で使えるタグは、ヘルプに記載されているが、
この中で、title属性を探してみるのもよかろう。



つまり、画像でなくとも、テキストリンクやテーブルにまで
ポップアップメッセージが付けられるということなのである。
これで、ちょいとばかし、応用が利くようになったかな？

【本日のまとめ】
１．<img>に、alt属性を仕込むと、テキストをポップアップできる。
２．alt属性が使えない時は、title属性でも代用がきく。
３．title属性は、いろいろなタグの中に、設定が可能。


【次回の予告】
　何やろうかな．．．
　Windowsの「ペイント」で、肉球スタンプのお絵かきでもしましょうか？

【トド短信】
　ニャンプレート(仮名)を無償配布すると言ったら、その反応の多いこと！
　このソフトは、自分の日記から設定データを採取するだけなので、
　特にふだん使うツール、というワケじゃないんですけどね(笑)
　設定データなんて、１回とったら、その後は当分いらないし．．．


【ダウンロードページ】
・楽天日記専用バックアップツール、バーニャン３号のサンプル版、
　「バーニャン・ミニ」のダウンロードはこちら。
・にゃんタグのサンプル版は、このページの中段付近。
・バカネコ・ビューアのダウンロードはここ。

※バーニャン３号は値上げするかもしれません。　お求めはお早めに。

１日１票！　ブログランキング↓



※バカネコ講座では、安全な方法を選んで紹介していますが、
　途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。


ネコでもわかるＰＣ講座はこちら　→　バカネコ講座

悲惨なキャンセル事情　バカネコ講座　バカネコソフト　バカネコ村　爆笑ガイド　猫砂の研究　パソコン購入費用の削り方　現物の投下位置　ずぼらなアクセスアップ　ページを読みやすくする方法　バーニャン・ミニ　楽天日記のバックアップ　にゃんこのコスプレ　テキストリンク下線の消し方　楽しめるアフィリ　己を知れ　自分のＰＣを知る　バカネコ・ビューア　バーニャン３号　にゃんタグ・フルバージョン　文字カウンタ　【楽天トラベル】


画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
このサイトの新着記事の通知をご希望の方はご利用ください。