- 締切済み
イメージマップで画像変え
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- steel_gray
- ベストアンサー率66% (1052/1578)
出来ます。 通常のアンカー(<a>)によるリンクを利用した画像の切り替えができるのならばそれを<area>に応用すれば実現できます。 もし、うまく出来ないようでしたら具体的なコードを添えて「Javascript」のカテゴリーで質問してみてください。
関連するQ&A
- イメージマップで画像変え
イメージマップで作成したリンクボタンを使って別の場所の画像を変えることはできるのでしょうか? またイメージマップを使っている画像を上の方法で変えることはできますか? ↓のはためしに作っているプログラムですがうまく動きません。 <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>
- 締切済み
- JavaScript
- 背景固定画像にイメージマップ
今、ホームページ・ビルダーver６でＨＰを作ってるんですが、 アイフレームの外に画像を置いて、その画像をイメージマップにしてメニューリンクを張りたいです。 普通に画像の挿入で入れた画像にはイメージマップが出来るんですが、 背景固定で背景として設置した画像にはイメージマップが出来ません。 どうやったら、背景固定で設置した画像にイメージマップでリンクを入れられるんでしょうか？？ 是非とも教えて下さい！！！！！
- ベストアンサー
- HTML
- イメージマップと画像のスライスについて
できればイメージマップで作業したいのですが 画像をスライスしてリンクを張るほうがいいのでしょうか？ SEOで不利な点などあるのでしょうか？ いちおう自分なりに調べてみたのですが知らない事も あるのではないかと思うので、両者メリットデメリットなど よろしければ教えてください。 なぜイメージマップかというと追加変更するかもしれないので スライスしなおす事や、画像やHTMLの管理のことを考えて 手間を掛けたくないからです。 （素人が変更することも考慮してFlashは使わないのを前提にしています。） あとイメージマップでhover時に変化をさせたい・・・・ というのは不可能なのでしょうか？ （最悪スクリプトでマップエリアの座標を取得して描画とかも できそうなのですが・・・）
- ベストアンサー
- HTML
- イメージマップで保存したのにサーバーにUPしてもリンクがとびません
イメージマップで保存したのにサーバーにUPしてもリンクがとびません フォトショップCS２ フォトショップで作った画像の一部にリンクを飛ばしたくてイメージマップを使い、作成をし最適化をして画像だけにして保存をしました。保存形式がgif になっていたのでそれをサーバーにUpして画像が出てきたのですが、なぜリンクがとびません、イメージマップの作り方教えて下さい。 使っているパソコンはマックOSXです。 お願いします。
- 締切済み
- Mac
- ホームページのイメージマップについて質問です。
1枚の建物のフロア画像があり、これをイメージマップにして、各場所（トイレ、会議室など）の名前をクリックすると画像の下のスペースに説明（テキスト）が表示される、というようにしたいのですが、どうもできません。 リンク先が別ページ、または同ページ下にアンカーリンクでそこに移動なら出来るのですが・・・。 htmlとcssだけでは不可能でしょうか？ 可能であれば、やり方がわかる方、教えて下さい！
- 締切済み
- HTML
- イメージマップを使うと、一部のPCで元画像のリンクが反応しない
こんばんは、早速質問させていただきます。 質問の内容はWEB制作についてです。 HPの上部に一枚の画像を配置して、その画像をクリックすると常にトップページに戻るようにリンクを貼りました。 それからその画像の一部にイメージマップで新たに別のリンクを貼ったところ、画像のリンクが反応しなくなってしまいました。 で、ここからがよく分からない点なのですが、このリンクが反応しなくなる現象が全てのパソコンで起こるわけではなくて、一部のパソコン（具体的には制作監督の方のPC）でだけ起きてしまうというところなんです。 制作している自分のPCでは画像のリンクも、イメージマップのリンクも問題なく反応しているのに、上記PCでは反応しなくなる。 イメージマップの設定をとると、画像のリンクはまた反応してくれるのですが、これについて何かわかる方いらっしゃいますでしょうか？ ちなみに制作はMacで全て行っていて、問題のリンクが反応しなくなるPCもMacのノート型です。ブラウザはsafariです。 HPの作りとしては<div>で領域を分けながらCSSでレイアウトを調整するスタイルで、画像は<div="headerimage">という領域に入れています。 現在は画像に別にイメージマップを設定して、それをトップページへのリンクにすることでとりあえず対応しています。そもそもイメージマップ自体を使わないという方法も検討中ですが、個人的にも気になっているので何か分かればいいなぁ、と質問させていただきました。 よろしくお願いします。 質問わかりにくければ追記いたしますので、ご指摘ください。
- ベストアンサー
- HTML
- イメージマップについて
複数の写真画像を1枚の画像にして、イメージマップで表示し、そのうちの一つの画像をクリックすると別ウィンドウで画像を開くということをしたいのですが、まず最初に複数の写真画像を1枚の画像にする方法がわかりません。画像処理ソフトは、PhotoShopElements2.0を使用しています。よろしくお願いします．
- ベストアンサー
- HTML
- イメージマップを使うと、一部のPCで元画像のリンクが反応しない
質問です。 HP制作中でちょっと困っているのですが。 HP上部に画像を一枚配置して、その画像にリンクを貼りました。トップページへ戻れるようにしました。それからその画像にイメージマップで別のリンクを貼ったところ、画像の方のリンクが反応しなくなってしまいました。 で、わからないところが、このリンクが反応しなくなる現象が一部のPCだけで起こるんです。HP制作をしている自分のPCでは特に問題なく、画像のリンクもイメージマップのリンクも反応してくれるのに、制作監督の方のPCで見るとリンクが反応しなくなってしまうんです。 イメージマップの設定をはずすと、画像のリンクはまた反応してくれるんですが、これについて何かわかるかたはいらっしゃいますか？ ちなみに制作は全てMacで行ってます。問題が起こっているPCのブラウザはsafariです。 HPは<div>をCSSで調整してレイアウトしてます。画像は<div="headerimage">という領域に入れてます。 そもそもイメージマップを使わないということも検討してるんですが、個人的に気になるので何かわかればいいなぁと質問させていただきました。 よろしくお願いします。
- ベストアンサー
- HTML
- ロールオーバー及びイメージマップ作成ソフトについて
会社のホームページを作っています。 画像上のある部分にロールオーバーを作って、その部分にリンクを設定しようと思っています。 Dreamweaver8とFireworks8を使っているのですが、どちらのソフトでもロールオーバー及びイメージマップを作ることができるようですが、どちらのソフトでロールオーバー及びイメージマップを作成したほうがよろしいのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
お礼
わかりましたJavascriptのほうで聞いてみます 今試しているプログラムも載せますので見てみてください