画像の上に画像を重ねたいのですが。

質問

こんにちは。いつもお世話になっています。
私は今個人HPをfrontpageを使用して作成しています。
個人的にはfrontpageでもテキストでもどちらでもいいのですが、
一つのコンテンツにAという大きなgifファイルを載せて
さらにそのA.gifの上に小さいB.gifファイルを乗せて
そのB.gifにリンクを張りたいと思っています。
例でいうと地図上に旗を立ててその旗をクリックすると
その県のページにリンクするような感じです。
どなたかわかる方がいらしたら、教えて下さい。
また、そういった方法が記載しているサイト等ありましたら
是非教えて頂きたくお願い申し上げます。

回答No.2

royaltomato · ベストアンサー

スタイルシートとかで簡単にできます。

小技を紹介するサイトを紹介しておきます。
http://webguide.poke1.jp/kowaza/index79.html

で、ここからソースをコピってしまいますが、
リンクをはりたいとのことなので、
<DIV style="position : absolute;left : 100px;top : 150px;">
<img src="../images/kabe2.gif"></DIV>
<DIV style="position : absolute;left : 150px;top : 220px;">
<A HREF="XXX.html"><imgsrc="../images/kabe3.gif"></A></DIV>
で上に乗る画像をクリックすればXXX.htmlにとべます。

リンクの線を消したければスタイルに追加してください。

画像が１枚であれば、No.1さんが言うようにマッピングが使えます。

お礼

ありがとうございます！！こんな技があったんですね！！
位置関係はいろいろ調整してうまく重ねてなんとかなりました。
本当にありがとうございました♪

回答No.1

hirumin

イメージマップという手法を使います。
「イメージマップ」で検索しますと詳しく書かれたサイトが見つかると思います。
画像は重ねた状態のものを用意することになります。

参考URL：

http://www.scollabo.com/banban/lectur/ht16.html

お礼

イメージマップ。初めて聞きました。
こういったものもあるんですね！！
参考になりました。ありがとうございました♪