イメージの説明と2段階表示
イメージに説明を付け、2段階で表示します。
説明の指定 2段階表示




説明の指定
<IMG SRC="イメージファイル名または、url" ALT="文字列">

 イメージをサポートしていないブラウザまたは、 ページの読み込みをストップした場合、 イメージの代わりに表示させるテキストを指定します。
 イメージの説明が表示されるようにしましょう

Topへ

2段階表示
<IMG SRC="イメージファイル名" LOWSRC="イメージファイル名">

 通常は、SRCにデータの重いイメージファイルを指定し、 LOWSRCの方にデータ量の少ないイメージファイル (GIFなど、色数を押さえたり、画像の大きさを小さくしたもの)を指定します。
 最初に、データの軽いファイルを表示し、 次にデータの重いファイルを重ねて表示します。  また、どちらのイメージにもインターレース処理をしておきます。 一旦読み込まれると、次回からは軽いファイルが瞬時に読み込まれるために、 表示されなくなります。

イメージファイルについて

Topへ

見本SOURCE

<HTML>
<HEAD>
<TITLE>イメージ(説明と2段階表示)</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<BASEFONT SIZE=4>
<BR>
<IMG SRC="al.jpg" LOWSRC="al.gif" ALT="Algernon" WIDTH="240" HEIGHT="184">
<BR>
彼の名前はAlgernonと言います。
<BR>
 彼はとても恥ずかしがりやなので、
本人の写真を撮ることが出来ませんでした。
だから、これは彼の友達の写真ですので、
悪しからず...。(^^;)
<BR>
</BODY>
</HTML>


このSOURCEを実行してみる...
20秒で自動クローズします。



Topへ


前のページへ 次のページへ