• ベストアンサー

イメージマップでのオンマウス時のカーソルについて

こんにちは。質問お願い致します。 ホームページビルダー7でTOPページをイメージマップで作ったところ、 領域枠クリックでリンク先には飛ぶのですが、 オンマウスしてもカーソルが変わってくれません。 (リンク先だと認識してくれません?) リンク先がjavaの小窓を指定しているから カーソルが変わらないんでしょうか? タグは<AREA href="javascript:subWin1();" shape="rect" coords="561,27,615,53">になっています。 何か付け足すタグなどありますでしょうか? カーソルが変わってくれないので、リンクが貼ってあることもわかりづらくて困っています。 お力お貸しください。どうぞよろしくお願い致します。

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

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.1

>リンク先がjavaの小窓を指定しているからカーソルが変わらないんでしょうか?  通常は関係ないでしょう。↓ http://www.setuyaku-city.net/biruda/link/hpl8.html  <img style="cursor:default;">など別のところでカーソルを指定している可能性はないですか。↓ http://www.tohoho-web.com/css/reference.htm#cursor

mew0111
質問者

お礼

早速の回答ありがとうございます。 そうですか、小窓だからは関係ないのですね。 (ちなみに小窓ではなく通常ファイルを指定しても やはりカーソルは変わりませんでした・・・) カーソルの指定ですか。。。タグは <style type="text/css"> <!-- a:link {text-decoration:none;color:#b0a782;} a:hover {border-bottom-style:dashed;border-width:1px;color:#c4bda1;} --> </STYLE> になっていて、マップ画像以外のリンクではちゃんと 反応されるのですが・・・マップ上だけ反応しません・泣 もう少し調べてみます。ありがとうございました!

mew0111
質問者

補足

タグをしっかり調べてみたところ <STYLE TYPE=text/css> <!--body{cursor:crosshair;}--> <!--A:hover{cursor:e-resize;}--> </STYLE> を抜いたら無事カーソルが変わってくれました!! (でもマップ上は手の形になってしまうのですが・・・ 他は矢印にしてるのですが、これは仕方ないのですかね) でも解決しました!どうもありがとうございました♪

その他の回答 (1)

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.2

JavaとJavaScriptの違いを覚えましょう。 http://e-words.jp/w/Java.html http://e-words.jp/w/JavaScript.html とりあえず何が問題かは知りませんが、CSSで対処できると思いますよ。 area { cursor:pointer; }

mew0111
質問者

お礼

回答ありがとうございます。 JavaとJavaScriptの違いはわかってないかもしれません・汗 CSSで対処できるのですか・・・うーん。 それもよくわかっていません・泣 カーソルに対してのタグは以下↓になっていますが。。。 もう少し調べてみます。ありがとうございました。

mew0111
質問者

補足

タグをしっかり調べてみたところ <STYLE TYPE=text/css> <!--body{cursor:crosshair;}--> <!--A:hover{cursor:e-resize;}--> </STYLE> を抜いたら無事カーソルが変わってくれました!! (でもマップ上は手の形になってしまうのですが・・・ 他は矢印にしてるのですが仕方ないのですかね) でも解決しました!どうもありがとうございました♪

関連するQ&A

  • 画像に複数リンクをはる方法(イメージマップ)

    画像は表示されるのですが、リンクがはれません。 どこがおかしいのでしょうか? リンクをはる画像と、リンク先は別フレームで、表示させたいフレームの名前はinです。 ついでに、リンクをクリックした瞬間に出る点線の消し方もわかる方がいたら教えてください。 よろしくお願いします。 タグ(html内)↓ <body> <img src="http:~" usemap="mn"> </body> <map name="mn"> <area shape="rect" coords="298,298,355,262" href="http:~l"target="in"> <area shape="rect" coords="298,276,319,285" href="http:~"target="in"> <area shape="rect" coords="324,273,362,288" href="~html" target="in"> <area shape="rect" coords="367,276,399,286" href="~html" target="in"> </map>

  • クリッカブル・マップのリンクが効かない

    下記のコードでpngの画像上でリンクをつけましたが、カーソルをかざしても反応が有りません。どこが間違っているのでしょうか? 皆様、ご教授お願いします <table width="750" align="center"> <tbody> <tr><td> <img src="top2.png" usemap="#top2"> <map name="top2"> <area shape="rect" coords="20,197,63,206" href="http://------.html" alt="A"> <area shape="rect" coords="78,198,121,206" href="http://------.html" alt="b"> <area shape="rect" coords="137,198,181,206" href="http://------.html" alt="c"> <area shape="rect" coords="196,198,239,206" href="http://------.html" alt="d"> <area shape="rect" coords="19,163,63,272" href="http://------.html" alt="e"> <area shape="rect" coords="77,264,121,272" href="http://------.html" alt="f"> </map> </td> </tr> </tbody> </table>

    • 締切済み
    • XML
  • map初心者です

    名前の付け方がわかりません。 なんでもいいのでしょうか?とりあえずわからないので画像名と同じ名前に設定しました。 また、下の記述が全部なのですが画像しかアップされません。 リンクすらなりません。 どこがおかしいのでしょうか。よろしくお願いします。 <img src="img/1.jpg" usemap="#1map" border="0"> <map name="1map">  <area shape="rect"   coords="220,148,179,200"   href="http://12345" alt="**" target="_blank">  <area shape="rect"   coords="358,125,181,126"   href="http://12345" alt="**" target="_blank">  <area shape="rect"   coords="167,336,178,141"   href="="http://12345" alt="**" target="_blank">  <area shape="rect"   coords="178,338,180,214"   href="="http://12345" alt="**" target="_blank"> </map> 関係あるかわかりませんが、使っているのはロリポップです。

    • ベストアンサー
    • HTML
  • イメージマップで文章を表示したい。

    下記の例のように、「map.gif」という画像の各箇所ごとにそれぞれのリンクを貼るのは下記の方法で出来ると思うのですが、 「coords="22,11,122,62"」にマウスが乗ったときに指定した箇所に文章を表示するにはどうしたらよいのでしょうか? ※それぞれの箇所によって、それぞれ違った文章を表示したいです。 ※「map.gif」という画像が表示されている上段(下段でもOK)に枠を作って、その中に説明文が表示される仕組み。 <img src="map.gif" alt="サンプル" usemap="#sample"> <map name="sample"> <area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1"> <area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2"> <area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3"> <area shape="default" href="map4.html" alt="リンク4"> </map> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • クリッカブルマップで同時にリンク

    クリッカブルマップで、2つのページに同時にリンクさせたいのですが、下記のタグだと1ヶ所しかリンクができません。同時にリンクをさせるには、どんなタグをどのように追加したらいいのでしょうか。よろしくお願いします。 <MAP NAME="map1"> <AREA SHAPE="RECT" COORDS="*,*,*,*" HREF="xxx.html" target="migi"> </MAP>

  • mapが機能しない

    以下のようにmapを設置しましたが、全く機能しません。何が考えられるでしょうか? <div><img src="images/head.jpg" alt="" usemap="#map" border="0"/></div> <map name="map"> <area href="kan.html#3" alt="" shape="rect" coords="0,3,105,154" /> <area href="kan.html#2" alt="" shape="rect" coords="314,3,393,154" /> <area href="kan.html#1" alt="" shape="rect" coords="106,3,211,146" /> </map>

    • ベストアンサー
    • HTML
  • クリッカブルマップがきかない!?

    html初心者です。 地図の画像上に複数のにクリッカブルマップを作成して、同ページ内のアンカーリンクへリンクを設定しています。 ※クリッカブルマップはDreamweaverで作成しています。 IEではちゃんとリンク先に行くのですが、ネスケだと、リンク先に移動しません。。どこが悪いのでしょうか??ソースは下記にある通りです。 なにか決定的にタグが抜けているんでしょうか?? 皆様、初心者な私にどうか教えてください。 よろしくお願いします。。。 ---------------------------------------------- <BODY> <div align="left"> <img src="image/map.gif" width="500" height="300" border="0" usemap="#Map"> <MAP name="Map"> <AREA shape="rect" coords="342,38,447,65" href="#01"> <AREA shape="rect" coords="333,108,439,144" href="#02"> </MAP> </div> <div> <A name="#01">一丁目</A> <A name="#02">二丁目</A> </div> </BODY>

    • ベストアンサー
    • HTML
  • クリッカブルマップのリンクが‥

    クリッカブルマップでリンクさせたくて、記述いたしましたが、リンクが有効になっていません。 ブラウザ上では画像表示のままでハイパーリンクになっておらず、目的のページへ行けない状態です。 これは何が原因でしょうか。 以下、htmlの記述です。みなさま、どうかご教授のほどお願いします。 <img src="./images/menu1.jpg" usemap="#linkmap" border="0" height="81" width="500"> <map name="linkmap"> <area shape="rect" coords="x15,y22,x88,y53" href="$home" alt="ホーム"> <area shape=rect coords="x88,y22,x203,y53" HREF="http://"> <area shape=rect coords="x201,y22,x310,y53" HREF="./index.cgi?mode=top"> <area shape=rect coords="x309,y22,x418,y53" HREF="http://"> </map>

  • fancyboxにイメージマップを付けたい

    早急に解決しなければいけない問題なのですが、どうしてもわからず途方にくれています。 どなたか助けていただけませんでしょうか。 fancyboxで表示したイメージ画像にイメージマップを付け、リンクを飛ばしたいと思っています。 https://gist.github.com/2972293 上記のサイトを参考にして一時は上手く行ったのですが、 いくつかの画像にそれぞれ個別のリンクを設定しようとしたところ、同じリンク先にしか飛ばない事に気付きました。 #Mapを増やせばいいのかなと思ったのですが(#Map2や#Map3など) 自分で書いても上手くいきませんでした。 どうすれば複数の画像に別々のリンク先を設定するようにできるでしょうか。 ご回答宜しくお願いします。 一応自分で書いたhtmlを載せておきます。 ----------------------------- <script type="text/javascript"> $(function() { $(".fancybox").fancybox({ padding:0, margin:0, onComplete: function() { $('#fancybox-img').attr('usemap', '#Map'); } }); }); </script> <a href="images/test.jpg" class="fancybox"><img src="images/test.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://yahoo.co.jp/" target="_blank" /></map> <a href="images/test2.jpg" class="fancybox"><img src="images/test2.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://google.co.jp/" target="_blank" /></map>

  • ブラウザに対応させるには?

    はじめまして  現在xoopsでホームページ作成してるんですけど ブロック配置を「中央ブロック中央」で設定し htmlでトップを作ってブラウザで確認したのですけどfirefoxでみたときにイメージマップで作ったリンクがリンクされてないのです。 一応、私もいろいろ思いつくことはやってみたのですけど・・・どうしても出来なかったので質問したしだいです。 これが問題のタグなんですが  <table> <td align="center" width="" height=""> <img src="" width="" height="" border="" usemap="#Map"> <map name="Map"> <area shape="rect" coords="6,5,54,56" href=""> <area shape="rect" coords="71,6,121,55" href=""> <area shape="rect" coords="135,5,185,55" href=""> <area shape="rect" coords="198,5,248,54" href=""> </map> の部分がfirefoxではリンクされない状態で画像が表示した状態になるところです。  ご回答よろしくお願いします。

専門家に質問してみよう