バカネコ日記

フリーページ

2005年08月01日
XML
カテゴリ:バカネコPC講座
バカネコ村の記事を検索する
写真にマウスのカーソル(矢印)をあわせると、メッセージが出てくる仕掛けがある。
これは、通常、<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属性を探してみるのもよかろう。



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

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



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

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


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

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

1日1票! ブログランキング↓
ぜひ、クリックしてね



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


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


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


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






最終更新日  2005年08月01日 18時17分40秒
コメント(18) | コメントを書く

PR

バックナンバー

2019年08月
2019年07月
2019年06月
2019年05月
2019年04月

プロフィール


海獣トド

コメント新着

 海獣トド@ Re:意外な一面に触れて。(08/14) 泡雪さんへ >マザーテレサって本当にす…
 海獣トド@ うめぼしがキラリ☆さんへ >ひゃー、ブログさぼってる間にトドさん…
 海獣トド@ 鵜の岬さんへ >これからも・・ヨロシク・・ね こち…
 海獣トド@ sshijimisanさんへ >でも、トド様のおかげで少しの村民は救…
 海獣トド@ もぐらのこさんへ >日記の下書き機能残ってるよ(^-^) …
 海獣トド@ archfelisさんへ >せめて12日一杯残せばいいのに・・・…

Copyright (c) 1997-2019 Rakuten, Inc. All Rights Reserved.