使用說明:影像地圖

出自台灣籃球維基館
跳轉到: 導覽搜尋

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

輔助說明
規則/語法 編輯規則 命名規則 頁面分類 註明、引用資料 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>
  • 顯示畫面 (把滑鼠移到圖片上看看吧~!)
Alt text



範例二(替代文字)

  • 加上替代文字(滑鼠移到圖片上會顯示的文字)
  • 語法內容
<imagemap>
Image:Cunningham.jpg|115px|alt=Alt text
default [[Ward Cunningham|Wiki之父Ward Cunningham]]
desc none
</imagemap>
  • 顯示畫面 (把滑鼠移到圖片上看看吧~!)
Alt text



範例三(外部網址)

  • 連到外部的網址
  • 語法內容
<imagemap>
Image:Yulon.png|250px||alt=Alt text
default [http://www.yulon.com.tw/]
desc none
</imagemap>
  • 顯示畫面 (把滑鼠移到圖片上看看吧~!)
Alt text

關於這幅圖片(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>
顯示畫面
Alt text
關於這幅圖片
右下角有藍色圖示"i"
Alt text
藍色圖示不見了~

回到上端