圖像映射

圖像映射是一個能對連結指示作出反應的圖形或文本框。單擊該圖形或文本框的已定義區域,可轉到與該區域相連結的目標 (URL)。

詳細釋義

圖像映射分為兩種類型:在從 Internet 裝入圖形的客戶機上進行處理的,稱為客戶端圖像映射;在向 Internet 提供 HTML 頁面的伺服器計算機上進行處理的,稱為伺服器端圖像映射。在伺服器處理中,單擊某個圖像映射會將該圖像中游標的相對坐標傳送到伺服器,並由伺服器上的專用程式作出相應的反應。在客戶端處理中,單擊圖像映射的已定義熱點將激活 URL,這與單擊了普通文本連結的效果類似。當滑鼠指針移到圖像映射上時,會在指針下方顯示 URL。

圖像映射基本分為在伺服器上(即 Internet 提供商)分析及在客戶電腦中的 Web 瀏覽器上分析兩種。

客戶端圖像映射

現代型的客戶端圖像映射在伺服器端沒有那么複雜。滑鼠移到圖片或框架區域上時,連結的 URL 的外觀會指示讀者是否可以單擊此區域。圖像映射存儲在圖片的下一層,含有引用區域的相關信息。客戶端圖像映射唯一的缺點是,不能在早期的 Web 瀏覽器上對其進行訪問,不過這個問題會隨著時間推移而自行解決。

伺服器端圖像映射

伺服器端頁面圖像映射顯示給讀者的部分為頁面上的圖像或框對象。在圖像映射上單擊滑鼠後,游標的相對位置坐標將被傳送到伺服器。然後伺服器會通過一個專用程式來確定要執行的下一個步驟。可以使用多種不兼容的方法來定義此過程,其中最常用的兩種方法是:—————————————————————————————————————————————————

html語法之--使用圖像映射

1 什麼是圖像映射

所謂圖像映射是指在一幅圖中定義若干個區域,每個區域中指定一個不同的超連結,當單擊不同的區域時便可以跳轉到相應的目標頁面。

2 創建圖像映射

2.1 定義映射區域

定義映射區域使用MAP標記符,在<MAP>和</MAP>之間添加映射區域。添加映射區域使用AREA標記符。該標記符具有三個基本屬性:

href 標識出目標的URL

shape 說明映射區域的形狀。取值可是:

rect 矩形

circle 圓形

poly 多邊形

default 整個圖像區域 coords 用於標識映射區域的邊界。 2.1 對映射區域進行引用

標記了映射區域之後,就可以通過在IMG標記符中使用usermap屬性來引用相應的映射信息。

一個完整的圖像映射語法如下:

<map name="mymap">

<area href=URL1 shape=rect coords="x1,y1,x2,y2">

<area href=URL2 shape=circle coords="x,y,r">

<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">

</map>

<img src=image_URL usemap=#mymap>

注意:map標記符中,name屬性的取值必須與img標記符中,usemap屬性的取值相同,只是usemap屬性的值前面多了一個# 。

相關詞條

相關搜尋

熱門詞條

聯絡我們