画像をHTMLセクションに変換する

画像をHTMLセクションに変換したい（下記の赤、青、橙、緑、黄色の画像を参照）。つまり、これらの部分をクリックすると、オンラインニュースペーパーのような別のウィンドウに別のセクションとして表示されます。画像をHTMLセクションに変換する

これはPhotoshopのスライスツールを使って行うことができますが、わからないことがありますが、Photoshopを使いたくないのですが、画像上でセクションを選択して後でそれを行うことができますHTMLページまたはパートに変換する。

ので、誰もが

enter image description here

2011-02-04 Hunt

あなたはJSでクライアントでこれを行いたいですか？ピクセル座標を入力として使用しますか？ –

あなたはimagemap（http://www.w3schools.com/TAGS/tag_map.asp）の技術を探しています。 – Sean

彼は、ブラウザから地図を作成し、大きな画像をアップロードしてから、ユーザーがホットスポットを作成するようにしたいと思っています。 @ハント、あなたはコメントできますか？ –

これは最も簡単なタスク、幸いにも、あなたがやりたいのツールの多くがありますが（生成されていないことを行うために私にいくつかのアイデア、例やロードマップを与えることができますあなたのイメージのためのホットスポットを作成するマップ）

http://www.image-maps.com/この1つは、既存のマップを使用して、それを変更することができます。

あなただけの2つのオプションがあり、画像のその部分にクリックしてリンクできるようにしたい場合：

はのスライスを行い、いくつかのサーバー側のコードを書きます画像は、マップの座標に基づいています。これには多くのライブラリが用意されていますが、PHPではGD http://php.net/manual/en/book.image.phpとhttp://www.imagemagick.org/script/index.phpがあり、多くのプラットフォームで実行できます。
イメージをクリックすると、マップ座標を新しいページに渡し、cssスプライトと同じようにウィンドウ技術を使用してイメージを配置します。 http://websitetips.com/articles/css/sprites/

2011-02-04 17:34:09

に記載されているツールを使用してください。あなたが私に提案したツールを試しましたが、その機能が欲しいだけです。ユーザーがクリックすると、選択またはダイシングされた領域 – Hunt

さて、座標に基づいて画像をダイスするには、サーバー側でどのような技術が必要か考えてみてください。 – Hunt

サーバー上での実装については、 –

答えて