• 締切済み

HPビルダーイメージマップとロールオーバーについて

カテゴリがあってるかわかりませんが質問させてください。 僕は現在HPビルダー10を使っています。 それで一つの画像へイメージマップを使って6つのコンテンツへ リンクさせる事は今出来ています。 イラストをマップにしているのですがそのイラストにふきだしが追加された 同じサイズの画像へと一つ一つのリンクがカーソルを乗せると切り替わるようにしたいのです。 そこでイメージマップのイベントからOnMouseOverで指定したのですが必ず layers.lenghtはNullまたはオブジェクトではありません。とエラーコードが出てしまいます。 このエラーが出ないようにするには、そして本来の目的である リンクにポインタを乗せると画像が切り替わるようにするには どうすれば良いのでしょうか? 教えてください。

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

マウスオーバーで画像全体が別の画像と入れ替わるっていう感じでしょうか？ ＞このエラーが出ないようにするには、 エラーの原因が不明なのでわかりませんが、想像するにスクリプトが使われていてその中でエラーが発生していると思われます。 その原因を修正するか、スクリプト自体を実行しないようにしてしまうとか。 ＞リンクにポインタを乗せると画像が切り替わるようにするには ＞どうすれば良いのでしょうか? HPビルダーを知らないので、操作等はまったくわかりませんが… こんな感じではどうでしょうか。（A.jpg～D.jpgなどはご自分の環境に合せて修正） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>test</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> <!-- function hoge(e, a){ var t=e.target || e.srcElement; document.getElementById("map").src = e.type=="mouseover"?t.getAttribute("alt"):a; } //--> </script> </head> <body> <div> <img src="A.jpg" id="map" usemap="#map1" alt="imagemap" style="width: 300px; height: 200px; border:0;"> <map name="map1" onmouseover="hoge(event);" onmouseout="hoge(event, 'A.jpg');"> <area shape=rect coords="0,0,50,100" title="area1" alt="B.jpg" href="BBB.html"> <area shape=rect coords="100,0,150,100" title="area2" alt="C.jpg" href="CCC.html"> <area shape=rect coords="200,0,250,100" title="area3" alt="D.jpg" href="DDD.html"> </map> </div> </body> </html>

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • ホームページビルダのイメージマップ編集のことで

    ビルダー8を使ってホームページを作っています。画像の一部範囲にリンクを張りたくて調べたら、「イメージマップエディタ」を使うことがわかったのですが、「編集」メニュー⇒「かんたん編集」⇒とクリックしていっても「属性の変更」しか出てこなくて「イメージマップの編集」という選択が出てきません。 何か方法はあるのでしょうか。

  • 背景固定画像にイメージマップ

    今、ホームページ・ビルダーver６でＨＰを作ってるんですが、 アイフレームの外に画像を置いて、その画像をイメージマップにしてメニューリンクを張りたいです。 普通に画像の挿入で入れた画像にはイメージマップが出来るんですが、 背景固定で背景として設置した画像にはイメージマップが出来ません。 どうやったら、背景固定で設置した画像にイメージマップでリンクを入れられるんでしょうか？？ 是非とも教えて下さい！！！！！

    • ベストアンサー
    • HTML
  • ロールオーバー及びイメージマップ作成ソフトについて

    会社のホームページを作っています。 画像上のある部分にロールオーバーを作って、その部分にリンクを設定しようと思っています。 Dreamweaver8とFireworks8を使っているのですが、どちらのソフトでもロールオーバー及びイメージマップを作ることができるようですが、どちらのソフトでロールオーバー及びイメージマップを作成したほうがよろしいのでしょうか？

  • イメージマップを使用している画像のロールオーバー、できる？

    こんにちは、いつも教えてgooでは質問させていただいて、大変助かっております。 さて、本題なのですが、イメージマップを使用してある画像の一部にリンクをはっているのですが、その一部だけをロールオーバーで他の画像に差し替えることは可能でしょうか？ お分かりの方、回答いただけると助かります。 よろしくお願いします。m(_ _)m

  • イメージマップで画像変え

    イメージマップで作成したリンクボタンを使って別の場所の画像を変えることはできるのでしょうか? またイメージマップを使っている画像を上の方法で変えることはできますか? ↓のはためしに作っているプログラムですがうまく動きません。 <IMG SRC="picture1" WIDTH="500" HEIGHT="271" BORDER="0" usemap="#picture1" NAME="picture1"> <MAP name="picture1"> <a href="#" onMouseOver="document.picture2.src=btn.src;return true" onMouseOut="document.picture2.src=picture2.src;return true"> <AREA shape="rect" coords="365,62,373,70" ALT="ボタン"></a> </map>

  • ロールオーバー及びイメージマップを作成するソフトについて

    会社のホームページを作っています。 画像上のある部分にロールオーバーを作って、その部分にリンクを設定しようと思っています。 Dreamweaver8とFireworks8を使っているのですが、どちらのソフトでロールオーバー及びイメージマップを作成したほうがよろしいのでしょうか？

  • イメージマップで画像変え

    イメージマップで作成したリンクボタンを使って別の場所の画像を変えることはできるのでしょうか? またイメージマップを使っている画像を上の方法で変えることはできますか?

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

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

  • クリッカブルマップでの画像のロールオーバー

    いつも大変お世話になっております。 同じような質問があったのでいろいろと拝見したのですがなかなか上手くいかず質問させていただきました。 今回ホームページで下記のような感じで、クリッカブルマップを 作成しその中に５つのリンクを作成しました。 （仮に、このイメージはmenu.gifだとします。） ￤----------------------￤ 　　　　　　　　　　　　　 　　　　■■■■■　　　　 ￤----------------------￤ これを一番左の四角にマウスをあてると （menu.gif→menu01.gifの画像に入れ替わる。 　隣の四角にマウスが来ると今度はmenu02.gifに変わる。） ￤----------------------￤ 　　　　　　　　　　　　　 　　　　■□□□□　　　　 ￤----------------------￤ このような、同じ大きさの違う画像に入れ替えたいのですが このようなことは可能でしょうか？ 下のように記述してもエラーが出て上手くいきません。 なにがいけないのでしょうか？ <AREA shape="rect" coords="44,209,153,454" href="main.html" onMouseOver="imgChange(menu01.gif)" onMouseOut="imgChange(menu.gif)"> よろしくお願いいたします。

  • HP制作。クリッカブルマップについて。

    HP制作。クリッカブルマップについて。 1つのページにクリッカブルマップを使った画像(オンマウスで画像を入れ替える)を二つ使いたいのですが(たとえばmapAとmapB)上手くいかず、mapAの位置にmapBの入れ替え画像が表示されてしまいます。自分では原因をつきとめることが出来ませんでした。 map nameは分けてあります。リンク先・画像・座標は省略しました。 <img src="画像" alt="マップ" id="map" usemap="#B" border="0"> <map name="A"> <area shape="poly" coords="(略)" nohref onmouseover="changeMapImage('画像')" onmouseout="changeMapImage('画像')" >　 『省略』　　　　　　　　　　　　　　　　　 </map> <img src="画像" alt="マップ画像" id="map" usemap="#B"border="0"> <map name="B"> <area shape="rect" coords="(略)" href="●.html"onmouseover="changeMapImage('画像')" onmouseout="changeMapImage('画像')" alt="画像1"> <area shape="rect" coords="(略)" href="●.html"onmouseover="changeMapImage('画像')" onmouseout="changeMapImage('画像')" alt="画像2"> 『省略』 </map>

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する