使用說明:影像地圖

• 目前所在分類： 主分類 > 籃球 > 管理 > 輔助說明

輔助說明
規則/語法	編輯規則	命名規則	頁面分類★	註明、引用資料	wiki編輯語法	HTML編輯語法
內容/工具	編輯工具列說明	Youtube影音嵌入★	影像地圖	上傳圖檔	顏色代碼	本站分類索引表★
範例/測試	編輯樣版	模範頁面★	沙盒(練習區)

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

影像地圖(Imagemap)

• 讓圖片加上連結：

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

語法介紹

<imagemap>

• ↑ 影像地圖起始標籤

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

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

default

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

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

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

desc none

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

</imagemap>

• ↑ 影像地圖結束標籤

使用範例

範例一(基本)

• 語法內容

<imagemap>
Image:Cunningham.jpg|115px|alt=Alt text
default [[Ward Cunningham]]
desc none
</imagemap>

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

---

範例二(替代文字)

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

• 語法內容

<imagemap>
Image:Cunningham.jpg|115px|alt=Alt text
default [[Ward Cunningham|Wiki之父Ward Cunningham]]
desc none
</imagemap>

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

---

範例三(外部網址)

• 連到外部的網址

• 語法內容

<imagemap>
Image:Yulon.png|250px||alt=Alt text
default [http://www.yulon.com.tw/]
desc none
</imagemap>

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

關於這幅圖片(Image description link)

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

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

• 隱藏語法： desc none

	隱藏圖片說明前	隱藏圖片說明後
語法內容	<imagemap> Image:Wikibasketballlogo beta4.png|115px|alt=Alt text default [[台灣籃球維基館]] </imagemap>	<imagemap> Image:Wikibasketballlogo beta4.png|115px|alt=Alt text default [[台灣籃球維基館]] desc none </imagemap>
顯示畫面	右下角有藍色圖示"i"	藍色圖示不見了～

【回到上端】