檢視使用說明:影像地圖的原始碼

{{輔助說明導覽條}}

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

==影像地圖(Imagemap)==
<!--\僅介紹一張圖片單一連結的語法編寫方式\-->
*讓圖片加上連結：
:*透過圖片等影像連結到館內其他頁面或者外部的網址。
:*以圖代文的視覺化顯示連結方式。

==語法介紹==
<pre><imagemap></pre>
:*'''↑ 影像地圖起始標籤'''
<pre>Image:檔名|圖片大小|alt=Alt text</pre> 
:*'''↑ 選擇使用的圖片及設定'''
<pre>default</pre> 
:*'''↑ 使用預設連結方式(單一點連結)'''
<pre>
 [[連結之頁面|替代形容文字]] (內部頁面連結)
     或
 [欲連結網址] (外部網址連結)
</pre> 
:*'''↑ 連結到指定的頁面或者外部網址，設定滑鼠移過顯示之替代文字'''
<pre>desc none</pre> 
:*'''↑ 消除<font color="#0000FF">“ i ” (關於這幅圖片)</font>圖示'''
<pre></imagemap></pre> 
:*'''↑ 影像地圖結束標籤'''

==使用範例==
===範例一(基本)===
*'''語法內容'''
<pre>
<imagemap>
Image:Cunningham.jpg|115px|alt=Alt text
default [[Ward Cunningham]]
desc none
</imagemap>
</pre>
*'''顯示畫面''' <font color="#FF0000">(把滑鼠移到圖片上看看吧～！)</font>
:<imagemap>
Image:Cunningham.jpg|115px|alt=Alt text
default [[Ward Cunningham]]
desc none
</imagemap>
<br />
----
===範例二(替代文字)===
:*加上替代文字(滑鼠移到圖片上會顯示的文字)
*'''語法內容'''
<pre>
<imagemap>
Image:Cunningham.jpg|115px|alt=Alt text
default [[Ward Cunningham|Wiki之父Ward Cunningham]]
desc none
</imagemap>
</pre>
*'''顯示畫面''' <font color="#FF0000">(把滑鼠移到圖片上看看吧～！)</font>
:<imagemap>
Image:Cunningham.jpg|115px|alt=Alt text
default [[Ward Cunningham|Wiki之父Ward Cunningham]]
desc none
</imagemap>
<br />
----
===範例三(外部網址)===
:*連到外部的網址
*'''語法內容'''
<pre>
<imagemap>
Image:Yulon.png|250px||alt=Alt text
default [http://www.yulon.com.tw/]
desc none
</imagemap>
</pre>
*'''顯示畫面''' <font color="#FF0000">(把滑鼠移到圖片上看看吧～！)</font>
:<imagemap>
Image:Yulon.png|250px||alt=Alt text
default [http://www.yulon.com.tw/]
desc none
</imagemap>

==關於這幅圖片(Image description link)==
*'''影像描述連結'''：用以連結所使用圖片的來源和檔案資訊。
*通常位置在圖片右下角，以<font color="#0000FF">'''藍色圓型圖底的”i”'''</font>表示，滑鼠移置藍色圖示上會顯示「'''關於這幅圖片'''」。
*可以自己選擇要不要隱藏這個圖示。
<br />
===隱藏「關於這幅圖片」藍色圖示===
*隱藏語法： desc none
<table border=1>
<tr>
    <td></td>
    <td align="center">'''隱藏圖片說明前'''</td>
    <td align="center">'''隱藏圖片說明後'''</td>
</tr>
<tr>
    <td>語法內容</td>
    <td>
<pre><imagemap>
Image:Wikibasketballlogo beta4.png|115px|alt=Alt text
default [[台灣籃球維基館]]
</imagemap></pre>
    </td>
    <td>
<pre><imagemap>
Image:Wikibasketballlogo beta4.png|115px|alt=Alt text
default [[台灣籃球維基館]]
desc none
</imagemap></pre>
    </td>
</tr>
<tr>
    <td>顯示畫面</td>
    <td align="center">
    <imagemap>
    Image:Wikibasketballlogo beta4.png|115px||alt=Alt text
    default [[台灣籃球維基館]]
    </imagemap><font color="#FF0000">'''右下角有藍色圖示"i"'''</font>
    </td>
    <td align="center">
    <imagemap>
    Image:Wikibasketballlogo beta4.png|115px|alt=Alt text
    default [[台灣籃球維基館]]
    desc none
    </imagemap><font color="#FF0000">'''藍色圖示不見了～'''</font>
    </td>
</tr>
</table>
<p align="right">'''【[[#影像地圖(Imagemap)|回到上端]]】'''</p>

[[Category:輔助說明]]