使用說明:影像地圖

• 我們在瀏覽網站的時候，會看見一些圖片或者圖示在滑鼠移過去的時候會顯示文字，而且點下去可以連到相關的頁面、網站，或者作者想指引使用者看的網站頁面等，
  這個就是「影像地圖」的功用。

影像地圖(Imagemap)

• 讓圖片加上連結：

• 透過圖片等影像連結到館內其他頁面或者外部的網址。
• 以圖代文的視覺化顯示連結方式。

語法介紹

<imagemap>

• ↑ 影像地圖起始標籤

Image:檔名|圖片大小|alt=Alt text

• ↑ 選擇使用的圖片及設定

default

• ↑ 使用預設連結方式(單一點連結)

 [[連結之頁面|替代形容文字]] (內部頁面連結)
     或
 [欲連結網址] (外部網址連結)

• ↑ 連結到指定的頁面或者外部網址，設定滑鼠移過顯示之替代文字

desc none

• ↑ 消除“ i ” (關於這幅圖片)圖示

</imagemap>

• ↑ 影像地圖結束標籤

使用範例

範例一(基本)

• 語法內容

<imagemap>
Image:MPV3 wiki.jpg|115px|alt=Alt text
default [[台灣棒球維基館]]
desc none
</imagemap>

• 顯示畫面 (把滑鼠移到圖片上看看吧～！)

---

範例二(替代文字)

• 加上替代文字(滑鼠移到圖片上會顯示的文字)

• 語法內容

<imagemap>
Image:MPV3 Banner.jpg|278px|alt=Alt text
default [[台灣棒球維基館|台灣棒球維基館是什麼？]]
desc none
</imagemap>

• 顯示畫面 (把滑鼠移到圖片上看看吧～！)

---

範例三(外部網址)

• 連到外部的網址

• 語法內容

<imagemap>
Image:TELDAP LOGO.png|250px||alt=Alt text
default [http://teldap.tw/]
desc none
</imagemap>

• 顯示畫面 (把滑鼠移到圖片上看看吧～！)

範例頁面

• 台灣棒球維基館首頁

關於這幅圖片(Image description link)

• 影像描述連結：用以連結所使用圖片的來源和檔案資訊。
• 通常位置在圖片右下角，以藍色圓型圖底的”i”表示，滑鼠移置藍色圖示上會顯示「關於這幅圖片」。
• 可以自己選擇要不要隱藏這個圖示。

隱藏「關於這幅圖片」藍色圖示

• 隱藏語法： desc none

	隱藏圖片說明前	隱藏圖片說明後
語法內容	<imagemap> Image:MPV3 newspaper.jpg|115px|alt=Alt text default [[台灣棒球運動珍貴新聞檔案數位資料館]] </imagemap>	<imagemap> Image:MPV3 newspaper.jpg|115px|alt=Alt text default [[台灣棒球運動珍貴新聞檔案數位資料館]] desc none </imagemap>
顯示畫面	右下角有藍色圖示"i"	藍色圖示不見了～

【回到上端】