將圖像轉換爲html部分

我想將圖像轉換爲HTML部分（見下圖標記爲紅色，藍色，橙色，綠色和黃色）。這意味着當我點擊這些部件時，它們將作爲單獨的部分出現在單獨的窗口中，就像在線新聞紙一樣。將圖像轉換爲html部分

那麼一個人可以通過使用photoshop切片工具來做到這一點可能是不確定..但不想使用photoshop而是我想實現這樣的功能，在那裏我可以選擇圖像的部分，然後將它得到轉換成html頁面或部分。

所以任何人都可以給我一些想法，例如或路線圖，以做到這一點

enter image description here

2011-02-04 Hunt

你想在客戶端用JS做這件事嗎？你會使用像素座標作爲輸入？ – 2011-02-04 17:20:54

您正在尋找影像地圖（http://www.w3schools.com/TAGS/tag_map.asp）相對來說，像山丘一樣古老的技術。 – Sean 2011-02-04 17:21:39

這不是簡單的任務，幸運的是，有大量的工具，你想什麼做的（產生對於你的圖像創建熱點地圖）

http://www.image-maps.com/這一個可以讓你使用現有的地圖並對其進行修改。

如果你希望能夠點擊並鏈接只是圖像的一部分，你有兩種選擇：

寫一些服務器端代碼，做的切片圖像，基於地圖座標。有許多庫可以做到這一點，在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

回答