こんにちは。いつもお世話になっています。
私は今個人HPをfrontpageを使用して作成しています。
個人的にはfrontpageでもテキストでもどちらでもいいのですが、
一つのコンテンツにAという大きなgifファイルを載せて
さらにそのA.gifの上に小さいB.gifファイルを乗せて
そのB.gifにリンクを張りたいと思っています。
例でいうと地図上に旗を立ててその旗をクリックすると
その県のページにリンクするような感じです。
どなたかわかる方がいらしたら、教えて下さい。
また、そういった方法が記載しているサイト等ありましたら
是非教えて頂きたくお願い申し上げます。
No.2ベストアンサー
- 回答日時:
スタイルシートとかで簡単にできます。
小技を紹介するサイトを紹介しておきます。
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にとべます。
リンクの線を消したければスタイルに追加してください。
画像が1枚であれば、No.1さんが言うようにマッピングが使えます。
ありがとうございます!!こんな技があったんですね!!
位置関係はいろいろ調整してうまく重ねてなんとかなりました。
本当にありがとうございました♪
No.1
- 回答日時:
イメージマップという手法を使います。
「イメージマップ」で検索しますと詳しく書かれたサイトが見つかると思います。
画像は重ねた状態のものを用意することになります。
参考URL:http://www.scollabo.com/banban/lectur/ht16.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ノートパソコン Outlookメールで本文中のgif動画をDTに保存したい 3 2023/03/09 21:38
- ノートパソコン gifアニメ―ションを動画(mp4でOK)にしたい 1 2022/08/14 09:51
- PHP $filePath = './user_img/' . $file['name'];? 1 2022/12/10 07:29
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- その他(ビジネス・キャリア) 商用利用の範囲 2 2022/05/20 12:39
- HTML・CSS VSコードでHTMLに(リンク)ファイル名をクリックしてもファイルが開かれない 1 2023/02/12 07:52
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- ソフトウェア パソコンでこういうのを作るにはどんなソフトを使えばできますか? 無知すぎて何から聞けば良いのかもわか 2 2022/04/18 11:32
- その他(プログラミング・Web制作) エクセルVBA 3 2022/06/11 16:01
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像を分割してリンクを貼る方法
-
フォトショップのモザイクって...
-
既存画像(gif または png)の背...
-
discordで画像保存できない
-
JPG画像のURLを得る方法に関して
-
JW CAD の 挿入した画像への...
-
イメージプレビューの多数画像...
-
壁紙 スライドショー ファイ...
-
jpg 画像の白い背景を透明にしたい
-
マッチングアプリ風の画像を作...
-
エクセルで、特定の画像へリン...
-
pythonで複数画像からgifを作る...
-
GIMP2.2のプレビュー画面について
-
フォトショップで切り抜いた画...
-
texの表について(セルの内容の...
-
画像を透明化したいのですが・・
-
Easy-PhotoPrintで印刷したいの...
-
ホームページの背景固定
-
自炊したPDFの本を一度にレベル...
-
TeraPadで画像を入れても反応し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
再びホームページビルダー6で
-
ホームページビルダー16でリ...
-
Dreamweaver MX のロールオーバ...
-
画像の上に画像を重ねたいので...
-
ホームページビルダーで作成し...
-
ホームページビルダー7で一つ...
-
画像を分割してリンクを貼る方法
-
画像の一部分にリンクを貼りたい
-
DreamWeaver/タブスタイルのメ...
-
ホームページビルダーで
-
建築業(新築・リフォーム)の...
-
ホームページ作成の初心者です...
-
画像・スライドショーにコメントを
-
ホームページビルダーでロール...
-
Dreamweaverについて質問です。...
-
ウェブアートデザイナーの使い方
-
ロールオーバー及びイメージマ...
-
ビルダー6.5 携帯サイト作成・...
-
HP掲示板のリンク先の変更
-
直リンバナーを貼り付けたいの...
おすすめ情報