• ベストアンサー

クリッカブルマップとロールオーバー

現在、クリッカブルマップを使ってINDEXを制作しようとしています。 INDEXは通常の内容のサイトと、季節限定のサイトの分帰路として使いたいと思っています。 現在、普通にクリッカブルマップの機能を使えていますし、それぞれキチンと移動してくれます。 なので、視覚効果として2つリンクを内包した画像があって、それぞれカーソルが重ねられた時に、任意の画像に一方だけが変化するようにしたいのですが、上手くいきません。 どうしたら、それぞれを使うことができるのでしょうか? また、サイトの公開はハロウィンの二週間前にはおこないたいので、できる限り早く答えて頂きたいです。

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

  • ベストアンサー
  • k-ayako
  • ベストアンサー率39% (1225/3110)
回答No.1

クリッカブルマップは1枚のイメージを複数のリンクを持たせるものですが、ロールオーバーで1枚の画像の半分だけを変えるということですか? テーブルでイメージを分割してそれぞれにロールオーバーを設定するではダメなのでしょうか?

goARK
質問者

お礼

……あ!と思わず言ってしまいました……。 固定観念にすっかり縛られていたので…。 正しく目から鱗です。 どうもk-ayako様のご提案で解決出来てしまいそうなので、コレでお礼、とさせて頂こうかと思います。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • クリッカブルマップ+カーソル変更

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

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

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

    • ベストアンサー
    • HTML
  • クリッカブルマップからリモートロールオーバー

    使用しているソフトは、GoLive6.0、OSはWINDOWSです。 一枚の大き目の画像にクリッカブルマップを設定しまし た。そのホットスポットに別ファイルへのリンクを貼り ました。このホットスポットにカーソルが乗った時点で 離れたところにある画像の表示をリモートロールオーバ ーで変化させたいのです。また、その離れたところにあ る画像自体もその画像にカーソルが乗るとホットスポッ トにカーソルが乗った時と同様に画像を切り替えて、ク リックすれば別ファイルへ飛ぶリンク設定をしたいと思 っています。このようなことはGoLive6.0では可能でし ょうか。 もし可能であれば、方法をお教えいただければ幸いです。 また方法を解説しているサイトなどがあればお教えくだ さい。どうぞよろしくお願いします。

  • クリッカブルマップにロールオーバーを付ける

    クリッカブルマップにロールオーバー(Javascript)を付けようと思うのですが、 どうも目指していることが上手くいきません。 まずは、下記サイトをご覧ください。 http://www.webdlab.com/template/clickable2/ これはソースコードが乗っているサイトです。 この通りに書けば、通常のロールオーバーはできるのですが、 私の目的はあと+α必要になります。 [内容] 1. オンマウス時にロールオーバー 2. クリック後も、ロールオーバー状態 3. 他のイメージにオンマウスしても、さっきクリックしたイメージがロールオーバー状態 4.他のイメージをクリックして、はじめてロールオーバー画像が切り替わる。 以上です。 ちなみに現状(上記サイト)は.onmouseover、.onmouseout、.onclickの3つすべてロールオーバー後のイメージを指定すれば[内容]の1と2まではクリアなのですが、3以降がNGです。 そもそもクリッカブルのロールオーバーでは不可能なのでしょうか。 どなたがご教授よろしくお願いいたします。

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

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

  • クリッカブルマップを使いながらロールーバーってできるんでしょうか?

    色々調べたのですが方法がわからず困っています。 実現したいことは、 人の顔の画像(gif画像)の鼻や口や目にカーソルを合わせたときにその部分だけ変化させたい、ということです。 クリッカブルマップで多角形を指定している場合その部分だけの変化というのはできないのでしょうか? flashならできるという情報は見たのですがjavascriptを使って考えています。 宜しくお願いします。

  • クリッカブルマップの作り方

    クリッカブルマップの作り方 アメリカの州、中国の省、山手線の駅名をクリックしたら、リンク先へとぶ画像をつくりたいと考えています。 下絵の入手先をご存じでしたらお教えください。有料でかまいません。 フォトショップか、イラレか、あるいは何でつくればいいでしょうか? 作り方のサイトなどありますでしょうか? 下は一例です。 http://www.jcbus.co.jp/chinahotel/map/

  • 吉里吉里のクリッカブルマップについて

    現在吉里吉里でマップの部分を作っているのですが、 クリッカブルマップの画像の作り方がよくわからず困っています。 http://www.ultrasync.net/dee/kr2helps/kag3doc/contents/ClickableMap.html を参考にして作っているのですが、パレットインデックスという部分でつまづいております。手順としては下記の通りで大丈夫なのでしょうか? (photoshop CS2使用) 1.photoshopのモードがRGBの状態で、  クリックしてアクションを起こしたい箇所にそれぞれ色を流し込んで行く。 2.モードをインデックスカラーに変える。  使用中の色をすべて割り当てる でOK 3.画像を別名保存でpng形式で保存 で、それぞれのカラーの番号というのは、photoshopの[イメージ]→[モード]→[カラーテーブル]を参考にして確認していく…。 というやりかたでいいんでしょうか? パレットインデックスというものがなんなのかよくわかりません…。 256色に番号を割り当てるらしいものということはわかるのですが、その情報がpng画像自体にも記憶されているのかどうなのか。 photoshopでの画像の制作方法、手順について教えて頂けましたら幸いです。 未熟者なためおかしな表現があるかもしれませんが、どうぞよろしくお願い致します!

  • クリッカブルマップでレイアウトが崩れてしまう

    こんばんは。 CSSで組まれたページ内の画像にクリッカブルマップを挿入したところ、 なぜかレイアウトが崩れてしまいました。 自分でもなぜ崩れたのか分からず、 他人様のサイトを扱っているだけに困っています。 考えられる理由に何がありますでしょうか? ご教示ください。

  • クリッカブルマップの下に隙間ができる

    クリッカブルマップ画像をテーブルに入れて その下にテーブルを入れるとその間に隙間が出来てしまいます。 下のHTMLですが、どこが間違っているのか教えて下さい。 <img src="img/index/h_01.jpg" width="700" height="90" border="0" usemap="#Map"><map name="Map"> <area shape="rect" coords="8,15,189,74" href="index.html"> </map> 困っているのでよろしくお願いします! 足りない部分があれば追加して記入しますのでご指摘ください。