• ベストアンサー

画像が表示される前に文字を表示させるには

ホームページで、画像が表示されるまでの間に画像スペースに文字が表示されているページを見ることがあります。特にリンクが設定されている画像などは、表示されるのを待たずにリンク先に飛べるので便利だと思うのですが、どのようにしたらよいのでしょう。

質問者が選んだベストアンサー

  • ベストアンサー
  • joy-m
  • ベストアンサー率30% (20/65)
回答No.2

すみません、そんな簡単な話では無かったんですね。 では、<lowsrc>というタグを使うという手もあります。 文字を使った小さな容量の画像ファイルを用意しておいて、 <a href="リンク先のURL"><img src="画像ファイル名" lowsrc="小さな容量の画像" alt="表示させたい文字" border="0" width="148" height="39"></a> とすれば、表示したい画像が読み込まれるまで小さな容量の画像(この場合は文字を画像にした物)が表示されリンク先がすぐにわかるようになります。 でも、wingさんの補足説明によると<lowsrc>は使われていないようですね。 具体的なそのページのURLがわかれば詳しくわかるかもしれないのですが...

wing
質問者

お礼

たびたびありがとうございました。 さっそくlowsrcというのを追加してみました。ところが、やはり文字は表示されませんでした。 もう少しホームページの構造について勉強する必要がありそうです。 アドバイス本当にありがとうございました。 ちなみに該当ページのURLは http://www.geocities.co.jp/MotorCity-Pit/9455/ です。

その他の回答 (3)

  • balloon
  • ベストアンサー率28% (57/200)
回答No.4

ホームページ拝見させていただきましたが、きちんと表示されているようです。解決した場合は、回答を締め切りましょう。

wing
質問者

お礼

情報ありがとうございました。

  • joy-m
  • ベストアンサー率30% (20/65)
回答No.3

該当ページについて調べてみましたが、やはり<lowsrc>を使われているみたいですよ。 たとえば、メニュー項目の中の「コロナ」をいう画像に関して見てみると、 <a href="corona.html"><img src="corona.gif" lowsrc="coronalow.gif" alt="コロナ" border="0" width="148" height="39"> となっています。 この「lowsrc="coronalow.gif"」という部分がそうです。 さらに、この画像を表示してみてください。URLは次のところになります。 http://www.geocities.co.jp/MotorCity-Pit/9455/coronalow.gif 表示させてみると、一見テキストのようですが、実はgif画像になっています。

wing
質問者

お礼

該当ページは私のページでありまして、lowsrcはjoy-mさんのアドバイスを拝見して付け加えたものです。 追加後も私のパソコンでは、文字は表示されないのですが、もしほかのパソコンで見て表示されているとすれば、この件は解決したことになります。

  • joy-m
  • ベストアンサー率30% (20/65)
回答No.1

表示させる画像にalt属性を付加してあるもののことでしょうか。 だとしたら、例として...(ここってタグが有効になっちゃうのかな?) <a href="リンク先のURL"><img src="画像ファイル名" alt="画像が表示されない場合の文字"></a> でOKです。 ちなみに、画像の属性にはサイズも指定した方が良いです。width(画像の横のサイズ)とheight(画像の縦のサイズ)です。

wing
質問者

補足

さっそくのご回答ありがとうございます。 altは記載されております。 <a href="リンク先のURL"><img src="画像ファイル名" alt="表示させたい文字" border="0" width="148" height="39"></a> のようになっておりました。 この状態ですと、画像をポイントすると文字が現れますが(Windowsの場合)、画像が表示される前には何も表示されていません。