オンラインのインタラクティブなイメージマップを開発するためにはどのような "プラットフォーム"を使用しますか？

Question

私は単純なインタラクティブなイメージマップを作成しようとしています。その場合、ユーザーはイメージの一部にマウスポインタを置くことができ、セットアップではポップアップボックスをアニメート/表示/再表示します！）は、テキスト、画像、&を含むマウスポインタの現在の位置の横にあります。クリック可能なリンク。

しかし、この例では、イメージマップではなく、9個の小さな画像です。各画像は、ホバリングしたときに少し大きくなり、クリックすると画像がページの右側<div>に読み込まれます。

私はこれらの基準を満たすために探しています：私はホバリングアクションは、画像をロードしたい

私はイメージマップ（HTMLまたはその他）を使用したい

• 代わりに9枚の小さな画像 -
• は私がページを表示できるようにしたい画像をクリックする必要性を取り除く&インタラクティブなすべての一般視聴者から - デスクトップブラウザ、モバイルブラウザ、iPadを、Androidタブレット、等...

私は上記の基準のリストを満たすためにどのプラットフォーム（別名 - devツールの組み合わせ）を使うのかよく分かりません。主な目標は、上記の基準のリストの最後の項目が満たされることです。私はおそらく、上記のリストから第1または第2の基準を犠牲にして、それが最後の項目を満足させるために行われる必要がある場合です。

私が使用して考え、 "プラットフォーム" のカップルがあった。

• HTML + CSS
• のjQuery + CSS
• フラッシュ+ ActionScriptの
• Javascriptを+ AJAX

何これを取り除くために使用すべきツールのセット？

私が紛失していて、上記のものの代わりに使用するはずのツールやツールがありますか？

ありがとうございます！

---

EDIT：あなたがこれを閉じるために投票した場合、すでにこれをカバーしたり、それを閉じないでください、質問に私をリダイレクトしてください！この質問は答えることができます - それは議論ではありません。

Answer 1

ストレートHTML/CSS（JSは不要）で実装するのはかなり簡単ですが、これは最も広く使用される方法です。これはかなり初歩的な例ですが、あなたに - http://csshowto.com/effects/css-image-maps-with-pop-up-tool-tips/ あなたが好きなように洗練されたポップアップコンテンツを作ることができ

は：

• 最終製品：http://csshowto.com/examples/imagemap/
• どのようにここでは簡単な例ですリストアイテム内の任意のHTMLを使用できます。また、あなたのファンシーモダンなブラウザで素晴らしく見える遷移のために、CSS3のアニメーションを振りかけることもできます。