• ベストアンサー

画像について

ウェブページ上の画像で、マウスカーソルをしばらく合わせたままにしておくと、その画像の名前が小さくカーソルの横に表示されたり、その画像がクリッカブルマップになっている場合には、リンク先の説明が小さくカーソルの横に表示されたりするのは、どうやって作っているのですか。  分かりにくい文章で申し訳ないのですが、ご回答よろしくお願いします。

  • CSS
  • 回答数3
  • ありがとう数8

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

  • ベストアンサー
回答No.2

HTMLで画像を掲載する時のタグは <img src="foo.jpg"> ですよね.このsrcの後にaltと入れます.つまり <img src="foo.jpg" alt="コメント"> とすると,画像が表示できない場合にはその部分に「コメント」という文字列が,また表示できた場合は(これはブラウザによるかもしれませんが)マウスを画像の上に置くと「コメント」というテロップ(?)が出ます.

kurokan
質問者

お礼

よく分かりました。教えていただき、有難うございました。

その他の回答 (2)

  • tadutch
  • ベストアンサー率20% (2/10)
回答No.3

タグに title="画像の名前" を付けるとOK! <a href="./index.htm" title="トップページへ">Topページへ</a> リンクだけでなく、イメージもOK! <img src="./top.gif" title="トップ"> だったよね。f(^^;)

kurokan
質問者

お礼

回答、どうもありがとうございました。

noname#3361
noname#3361
回答No.1

例えば下記のように記述します。 <IMG src="***.gif" alt="ここです"> alt以下がそうです。

kurokan
質問者

お礼

教えていただき、有難うございました。

関連するQ&A

  • クリッカブルマップ上でカーソルを追うタグ

    HPでカーソルを追っかけるアイコン(マウスストーカー?)を付けたいのですが、 普通に付けることは出来たのですが クリッカブルマップを使用していて、その上にカーソルをもっていくと アイコンが消えてしまいます。 クリッカブルマップで使用している画像からカーソルを外すと 再びカーソルを追いかけてきます。 マップ上にメニューなどあるので画像の上でも追いかけられるように したいのですが、どうしても出来ません。 それともクリッカブルマップ上では追いかけることは不可能なのでしょうか。 どなたか詳しい方、教えていただけると助かります。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • クリッカブルマップの部分的な画像の入れ替え

    HTMLの頁に大きな一枚の画像を貼り付け、クリッカブルマップで7か所にリンクボタンを作りました。マウスがリンクボタン上に来た時、そのボタンエリアにだけ違う画像を表示したいのですが、どなたかお教え願えないでしょうか?当方javascriptは初心者です。よろしくお願いします。

    • ベストアンサー
    • HTML
  • クリッカブルマップ+カーソル変更

    私のサイトでは、カーソルを画像に変更して使っていて、リンクに触れるとカーソル画像が変わる、っていう設定にしているんですが、クリッカブルマップで指定したリンクではカーソルが変わりません。 どうすればクリッカブルマップのリンクもカーソルをかえられますか? ちなみに、カーソルの指定はスタイルシートの外部指定でやっていますが、クリッカブルマップではないリンクでは、ちゃんとカーソルが変わります。

  • 画像にマウスをあわせると、文字が表示され、その文字をクリックすると別ページへ移動したい

    タイトル長くてすみません。 まとめると、こんな感じです。 (1)画像の上にマウスをあわせる。 (2)その画像の上に文字列が表示される。 (3)文字列に対し、点滅などの書式設定を行なう。  (どの部分で設定できるか教えてください) (4)リンクされた文字列をクリックすると、別ページへジャンプする。 という感じです。 これを、クリッカブルマップ上で行なうのが理想ですが。。。 私ではまったく手がでなかったので、 よろしくお願いします。

  • クリッカブルマップとインラインフレームを組み合わせたい

    こんにちは。自分でも検索してしらべたのですが、どうしてもわからないので、質問させていただきます。 現在、ページを製作中なのですが、タイトルのとおり、クリッカブルマップ画像の上にインラインフレームを組み合わせる方法がわからず、困っています。 透過したインラインフレームを、女の子の画像に重ねて表示してあります。この女の子の画像にメニューが書いてあるので、それをクリッカブルマップにして、インラインフレームにリンクを表示したいと思っています。 画像の上にインラインフレームを重ねて表示するのには成功しましたが、クリッカブルマップのタグを書き加えると、画面が真っ白になってしまいます。 クリッカブルとインラインを組み合わせたデザインのサイトは結構あるので参考にしようとしてみましたが今いちわからなくて・・・ 回答よろしくお願いします。

  • 画像のスライスiモードサイトでも使える?

    携帯サイトを作っています。携帯ではマウスがないのでクリッカブルマップは使えないと思いますが1枚の画像に複数のリンクを貼っているサイトを見たことがあります。画像の切り方からしてスライスしていると思われますが携帯でHTMLに書き出すためにはどうしたらいいのでしょうか?

    • ベストアンサー
    • HTML
  • 画像にカーソルを載せると文字(説明が表示される方法)

    お願いします。 リンク文字にカーソルを載せると説明が現れるのは下記のような感じでしょうが <span title="マウスのカーソルが重ねると表示される文字">ここだよ</span> これを画像表示の上にカーソルをさすと説明が現れるのはどうすればよろしいのでしょう?

  • 「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」って出来ますか?

    こんにちは。 【C-Map0.79】や普通のHTMLタグでクリッカブルマップを作成し、その画像を背景(前面写真:1024×768)に持ってくることって出来ますか? 普通のHTMLタグにある、【<img src="画像のURL" usemap="#上でつけたのと同じ名前" alt="説明">】のところに、画像(前面写真:1024×768)を持ってくるとスクロールしなければならない上、背景に設定したようにならず隙間が出来ます。 「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」というのは不可能でしょうか?

    • ベストアンサー
    • HTML
  • クリッカブルマップとロールオーバーを同時に使う外部CSSの書き方

    似た質問はあったのですが、解決できなかったので質問させていただきました。 ホームページでクリッカブルマップにしている画像(A.gifとします)があるのですが、 リンクにマウスを乗せたとき、それぞれのリンク別々の画像を表示させたいのです。(ホームページはテキストエディットで作っています)    A.gifの中にリンク1、リンク2、リンク3があるとします。    ●リンク1にマウスが乗ったとき→A.gifがB.gifに変わる    ●リンク2にマウスが乗ったとき→A.gifがC.gifに変わる    ●リンク2にマウスが乗ったとき→A.gifがD.gifに変わる というふうにしたいのですが・・・。 自分で本やネットで探してみたところ、javasprictを使ったやり方はなんとかわかりました。 けれどjavasprictは見る人の環境によって表示されなかったりするし、ソースをシンプルにしたいので、外部CSSでのやり方を探しています。。。 ただのロールオーバーだけなら外部CSSで作ることはできましたが、クリッカブルマップと併用しようとするとわからなくなってしまいました。 独学で作ってきたので説明文など、至らない点があるかもしれないのですが、できるだけ詳しく教えていただければありがたいです。 もし不明な点があれば補足致します。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • FLASHで透明なボタンにリンクをつけたい‥

    画像にリンクを付けたいのですが、クリッカブルマップは好ましくないので、 FLASHに画像を取り込み、リンクを貼りたい画像の上に透明なボタンを乗せ、 その透明なボタン(=画像)をクリックするとジャンプ、 というようにしたいと考えています。 そういう透明なボタンを作る方法をお教え頂けませんでしょうか? シンボルに変換で、グラフィックにすると透明化はできるのですが、リンクが貼れません‥。 また、もしお分かりでしたら、その透明なボタンの上にマウスを乗せると 少しだけ色が付くような感じにもできればと考えています。 大分困りはて、弱っています。どうぞ宜しくお願いします。