次回に引き続き、画像についてなり。
今回は、しなくてもいいけど、したら上級者になれる、指定をするなり。
みなさんは、画像を自動的に読み込むように、してるなりか?
ブラウザの設定では、画像を自動的に読み込まない設定も、できるなり。
そうすると、ページの読み込みが速くなるので、
「絵なんて、いらねー。情報だけ、くれー!」
って人には、都合がいいなり。
そうした場合、ページ上の画像があるべき位置には、四角の枠がでるなり。
で、その四角を右クリックして「画像を表示」にすると、画像が表示されるなり。
これで、見たい画像だけを、表示させることが、できるなり。
問題は、その、四角の枠なり。
前回の設定のままでは、どんな大きさの画像でも、同じ大きさの、四角の枠になるなり。
だから、その画像が、どんな大きさか、表示させるまで、わからないなり。
しかも、なんの画像かも、わからないなり。
なんとも、不親切だと、思わないなりか?
そこで、親切なシラーズ読者のみなさんは、画像の大きさと名前を指定するなり。
すると、四角の枠は、画像と同じ大きさで表示され、枠の中に、名前がでるなり。
あーー、なんて、親切なんでしょ。
説明が、長くなったなりが、前回つかった画像を、例にしてみるなり。
まず、画像を表示させない設定で見ると、下図のように、表示されるなり。
あーー。だめだこりゃ。
んでは、まず、
画像のサイズを指定するなり。
画像のサイズは、
<IMG SRC="画像ファイル名">
のタグのなかに、
WIDTH="横幅" HEIGHT="縦の長さ"
と、いれるなり。
「横幅」と
「縦の長さ」
は、px(ピクセル)で、あらわすなり。
数字だけ、いれたらいいなり。
では、
横150px、縦150pxと、設定する
なり。
<IMG SRC="usa_t.gif" WIDTH="150" HEIGHT="150">
これを、画像を表示しない設定でみると、下図のように、なるなり。
本来の画像と、同じ大きさの枠に、なったなり。
これで、どんな大きさの画像か、わかるなり。
次は、
画像の名前を指定するなり。
名前の指定は、
<IMG SRC="画像ファイル名">
のタグのなかに、
ALT="名前"
と、いれるなり。
ファイル名とは、違うよ。
なんの画像かわかる名前にすると、いいなり。
では、
画像の名前を「しらうさぎ」と指定するなり。
<IMG SRC="usa_t.gif" WIDTH="150" HEIGHT="150"
ALT="しらうさぎ">
これを、画像を表示しない設定でみると、下図のように、なるなり。
ちゃんと、名前も、でてるね。
上出来なり。親切なり。あっぱれなり。さすがなり。
名前は、画像を表示している状態でも、カーソルをあわせると、
自動的に、表示されるなり。
試しに、上の画像に、マウスカーソルをあわせてみるなり。
「名前も指定した画像」という、文字が、でるなり。
「やってみるなり」読者のみなさんには、ぜひ、この設定を、
マスターして欲しいなり。
--おまけ--
「画像を表示させない設定」のしかた。(ネットスケープの場合)
編集→
設定→
詳細の文字をクリック
右側の窓の、
自動的に画像を読み込む
の、チェックをはずす。
このように設定してから、ページを表示してみて、チェックしましょう。