LESSON-9

画像についての指定

次回に引き続き、画像についてなり。
今回は、しなくてもいいけど、したら上級者になれる、指定をするなり。

みなさんは、画像を自動的に読み込むように、してるなりか?
ブラウザの設定では、画像を自動的に読み込まない設定も、できるなり。
そうすると、ページの読み込みが速くなるので、
「絵なんて、いらねー。情報だけ、くれー!」
って人には、都合がいいなり。

そうした場合、ページ上の画像があるべき位置には、四角の枠がでるなり。
で、その四角を右クリックして「画像を表示」にすると、画像が表示されるなり。
これで、見たい画像だけを、表示させることが、できるなり。

問題は、その、四角の枠なり。
前回の設定のままでは、どんな大きさの画像でも、同じ大きさの、四角の枠になるなり。
だから、その画像が、どんな大きさか、表示させるまで、わからないなり。
しかも、なんの画像かも、わからないなり。
なんとも、不親切だと、思わないなりか?

そこで、親切なシラーズ読者のみなさんは、画像の大きさと名前を指定するなり。
すると、四角の枠は、画像と同じ大きさで表示され、枠の中に、名前がでるなり。
あーー、なんて、親切なんでしょ。

説明が、長くなったなりが、前回つかった画像を、例にしてみるなり。

まず、画像を表示させない設定で見ると、下図のように、表示されるなり。

表示されない画像

あーー。だめだこりゃ。
んでは、まず、 画像のサイズを指定するなり。

画像のサイズは、 <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="しらうさぎ">


これを、画像を表示しない設定でみると、下図のように、なるなり。

名前も指定した画像


ちゃんと、名前も、でてるね。
上出来なり。親切なり。あっぱれなり。さすがなり。

名前は、画像を表示している状態でも、カーソルをあわせると、
自動的に、表示されるなり。
試しに、上の画像に、マウスカーソルをあわせてみるなり。
「名前も指定した画像」という、文字が、でるなり。

「やってみるなり」読者のみなさんには、ぜひ、この設定を、
マスターして欲しいなり。

--おまけ--
「画像を表示させない設定」のしかた。(ネットスケープの場合)

編集設定詳細の文字をクリック
右側の窓の、 自動的に画像を読み込む の、チェックをはずす。

このように設定してから、ページを表示してみて、チェックしましょう。

LESSON-10へ進むなり

もどるなり