• ベストアンサー

今ある画像へのリンク(?)で。

今、PCのモニターから線が延びていてマウスが付いている 画像を書いたのですが、そこのマウスの部分だけを クリックしてモニターの部分に別の画像(またはページ)を 表示させたいのですがどうやったら出来ますか? このPCのモニターから線が延びていてマウスが付いている画像は 一個の大きな画像です。あと、この画像のモニター部分には あらかじめ顔が書いてあるのでその顔が隠れる様な事ではなく、 マウスの部分をクリックすると今ある顔部分が入れ替わる 様な感覚で捕らえていただけると良いのですが。。。 やはりこの場合は顔部分は別画像にしたほうが良いのでしょうか?

  • HTML
  • 回答数2
  • ありがとう数0

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

  • ベストアンサー
  • spnk55
  • ベストアンサー率29% (11/37)
回答No.2

FLASHを使って作成するのが一番目的に合っていると思います。 例えばこんな感じです。 http://www8.plala.or.jp/h-gotou/kinchan_rosia.htm 「FLASH スライドショー」で検索してみてください。 FLASHを使用しないのであれば、#1の方の方法ですね。 2)の、画像を分割してテーブルを利用するのは、以下のような段取りです。 http://www3.ocn.ne.jp/~maruno/kado.htm ここからマウスをクリックして真ん中の画像を入れ替えようとすれば、 JavaScriptの知識が必要かもしれません。 例えばこんな感じです。 http://www.simamoto.co.jp/yusan/slid/ssj_hokai_17.html インタラクティブなページに仕上げるのは、思った以上に難しいかもしれませんね(汗) 他にも方法があると思いますので、いろいろ試してみてください!

その他の回答 (1)

  • the845t
  • ベストアンサー率33% (246/743)
回答No.1

１）クリッカブルマップを使う。 http://tohoho.wakusei.ne.jp/html/map.htm ２）画像を分割してテーブルなどを利用して整形表示する。

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

関連するQ&A

  • リンク画像をオンマウスで変えたい

    今、ホームページを作成しています。 それで、以下のようなことをしたいのですが、可能でしょうか？ １　最初の画面に、ＥＮＴＥＲの画像を表示する ２　『１』の画像をオンマウスすると、画像が変わる ３　『２』の画像からマウスを放すと、画像が『１』に戻る　 ４　『２』の画像をクリックすると、別のページに飛ぶ なんだか説明下手ですいません・・・ 一応自分で調べてみたのですが、それらしい物が見つからず、失敗してばかりなので、質問させていただきました。よろしくお願いします！

  • FC2画像リンクについて

    現在、fc2でホームページを作成しているのですが、画像をクリックすると別のページへ飛べるリンク方法がどうしても上手くいきません。 今は、Root内に「index.html」と「imageフォルダ」そのimageフォルダの中に「image01.png」があります。 このimage01.pngの画像をindexにバナーのように表示し、別ページへリンクさせたいのですがタグのリンク部分の階層でつまづいてしまいました； <a href="別ページのURL"><img src="/image/image01.png" Border="0"></a> このようにしているのですが、画像が表示されず、別ページへのリンクも上手くいきません； index.htmlはPC内でメモ帳を使って作成したものをアップロードしています。 よろしくお願いします＞＜

  • 画像を使ってフレーム＆リンクをしたい

    こんばんは。 画像を使って、大きく開いてる白い部分にページを表示させて、イラストの顔をクリックするとメニューと言うのにしたいのですが、どのようにすれば宜しいのでしょうか？ 画像をアイフレームにするやり方はわかるのですが、この画像の中にリンクを作るタグがどうしても解りません。 解りやすいサイト様などをご存知でしたら是非お教え戴きたいです。 htmlの知識が豊富な方、力を貸して戴きたいと思いますm(__)m 説明が下手で上手く話しが伝わらなかったらすみません。

    • ベストアンサー
    • HTML
  • 【html】画像にリンクをつける

    ｈｔｍｌ,css,javascriptに関する質問です。 ページ内の左半分に人間のシルエットの画像があり その頭の部分、体の部分、手の部分をクリックすると それぞれの説明欄が同じページの右半分に表示されるというコードを書きたいのですが なかなかうまく行きません。 説明欄を初め透過度を0にしておいて 画像をクリックすると透過度を１にさせるようにしようと思っています。 しかしそもそも画像をクリックすることが出来ません。 画像をクリックし他のページに飛ばすリンクの付け方はわかるのですが 目的のことができないです。 ご存知でしたらその書き方を教えて欲しいです。 <img class="kao" src="img/kao.jpg" alt=""> またjavascriptを用いてクリックによって透過度を変えるという考えですが 知識がないのでこれ以上のものを思いつきません。 もっと効率の良いものがあればそれも教えていただきたいです。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • 今までみれていたのに画像がみれない

    今までみれていたのに画像がみれない とある動画サイトですが 画面の上のほうに動画が映し出されます。それはみえます。 しかし、今まで下半分に小さないくつかの写真画像が表示されてみれていたのに みれなくなりました。 でも、たまにマウスポインターをその写真画像の上でなぞると写真画像が表示されることもありますが 多くの場合は表示されません。 どうしたら写真画像が元のようにみれるようになるのでしょうか？ ウインドウズXPでパソコンはヒューレットパッカード　モニターはエイゾウです。

  • 一枚の画像に何箇所かリンクをはるにはどうしたらいいですか？

    たとえば　一枚の画像に　ゾウ　キリンが描かれていたとします。 その一枚の画像じたいにはなにもリンクをはらず、ゾウとキリンにリンクをはりたいんです。 ゾウの絵の部分をクリックしたら別のページにあたらしい窓で飛び、キリンの絵をクリックしたらまた別のページに新しい窓で別のリンク先に飛びたいのですが、どうやってできるんでしょう？ フリーソフトでありますか？ それともソフトがなくてもできますか？ 初心者なので詳しく教えていただけるとうれしいです。

  • 画像のリンクについて

    よく画像をクリックすると 別のページとかに飛んで行きますよね？ そこで質問なんですが、一つの画像に 複数のリンクを付けることは可能ですか？ 例えば・・一つの画像を右上・左上・右下・左下とで 別のページにリンクできるようにする… こんなことってやろうと思えば出来ることでしょうか？？

  • クリックで画像切替、表示された画像から各ページへリンクする方法

    クリックで画像切替、表示された画像から各ページへリンクする方法 下記のような、左側の画像をクリックすると、右側の画像がクリックした画像に切り替わり、 切り替わった右側の画像からそれぞれ関連ページへリンクをつけたいと思っています。 ■何もしていない状態↓ 画像1 画像2 画像3　　画像Ａ（画像1） 画像4 画像5 ■左側の画像2をクリックした場合↓ 中央の画像Ａの部分に画像2を表示 表示された画像Ａ（画像2）をクリックすると関連ページへリンク 画像1 画像2 画像3　　画像Ａ（画像2） 画像4 画像5 画像の切り替えは色々調べると出てきたのですが、それぞれ切り替えた画像からのリンクの やり方がどうしてもわかりませんでした。 初心者なので、部分的ではなく一式書き方をお教えいただけましたら幸いです。 よろしくお願いいたします。

  • 地図の１枚画像に複数のリンクを付けられる？

    例えば世界地図の１枚画像を載せたとします。その時、日本をマウスでクリックすれば日本用のページへ、オーストラリアを指せばオーストラリア用のページというようにリンクをさせるにはどうすれば良いでしょうか。或いは別の良い対処法はありますか。ホームページビルダーか、又はＨＴＭＬでよろしくお願いします。

  • 訪問済みリンク識別を画像で

    いつもお世話になります。 webでは、訪問済みのリンクが文字の色表示が変わることによって識別できますが、この識別を、画像をクリックして跳ぶタイプのリンクでも実現したいのですがJavascriptか何かで出来ないものでしょうか？ よく、javascriptによって、ポインタを乗せると画像が別画像に入れ替わって、ポインタをどけると元の画像に戻るページがありますが、要は、「ポインタが乗ったことを検知して画像が変わる」のではなくて「このリンクがvlinkであるということを検知して画像が変わる」ように出来ないかと思ったのですが…。 例えば、 http://www.tk3.speed.co.jp/garten/patio/ （このサイトは私が作ったものではなく、あくまでも例です） の場合、左フレームの一番下のボタンをクリックしてリンクを右ウインドウに開き、次にまた別のページにジャンプした時、さっき訪問したリンクである一番下のボタンは赤いボタンにでも変わって、このリンクは既に訪問済みであることが分かるようにしたいのです。 つまり、 ボタン1：未訪問の場合btn1.gifを表示→訪問後はbtn1_v.gifを表示 ボタン2：未訪問の場合btn2.gifを表示→訪問後はbtn2_v.gifを表示 ボタン3：未訪問の場合btn3.gifを表示→訪問後はbtn3_v.gifを表示 と言った具合に、仮にボタンが3つなら6枚の画像を用意するわけです。 尚、私は、前述の「マウスＯＮで画像入れ替え」のスクリプトさえ自分の力でプログラムできないもので、恐れ入りますが、javascriptで実現が可能でしたら、部分的でなく具体的なソースを教えて頂けるとありがたいのですが…。 javascript使用以外の方法でも何でも構いませんので、この目的を達成する方法をご存知の方がいらっしゃいましたらご伝授いただけませんでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する