Help:圖像映射

出自伪基百科
跳至導覽 跳至搜尋
Bouncywikilogo.gif
為了照顧那些喝太多腥巴克劣質咖啡導致幽默感退化的人們,英文維基百科有一個主題關於:Image map

圖像映射能生成可點擊的圖像,其中不同的坐標區域將連結到不同的條目。例如,可以在世界地圖上創建指向每個國家的連結,進一步了解該國的信息。圖像映射是令圖像的各個部分指向不同連結而不必將圖像劃分成單獨的圖像文件的一個簡單方法。

範例[編輯]

無注釋的簡單例子[編輯]

<imagemap>
Image:Example2.png|150px|alt=替代文字
default [[首页|前往首页]]
</imagemap>

<imagemap> Image:Example2.png|150px|alt=替代文字 default 前往首頁 </imagemap>

在上面的例子中,無論你點擊圖片的哪個位置,它始終連接到首頁。要了解更多圖像信息,點擊藍色「i」圖標。它與語法[[Image:Example2.png|150px|alt=替代文字|title=前往首页|link=首页]]的效果相同。

有注釋的複雜例子[編輯]

<imagemap>
Image:JoshuaReynoldsParty.jpg|thumb|center|400px|alt=餐厅里有九人围坐一张桌子。晚餐已经结束,一个领头的大个子在高谈阔论,指手划脚,而其他人听得很入神。男子戴着假发,身着18世纪后期的英式服装,家具、装饰和吊灯也是老式的。一个穿着制服的仆人正在走进,手里拿着一个托盘,上面是两个高肩葡萄酒醒酒器。|图像映射范例。点击图片中的人物跳转到相应条目。

poly 133 343 124 287 159 224 189 228 195 291 222 311 209 343 209 354 243 362 292 466 250 463 [[wikipedia:zh:塞缪尔·约翰逊|约翰逊博士 - 词典作家]]
poly 76 224 84 255 43 302 62 400 123 423 121 361 137 344 122 290 111 234 96 225 [[wikipedia:zh:詹姆士·包斯威尔|包斯威尔 - 传记作家]]
poly 190 276 208 240 229 228 247 238 250 258 286 319 282 323 223 323 220 301 200 295 [[wikipedia:zh:约书亚·雷诺兹|约书亚·雷诺兹先生 - 主人]]
poly 308 317 311 270 328 261 316 246 320 228 343 227 357 240 377 274 366 284 352 311 319 324 [[wikipedia:David Garrick|大卫·加里克 - 演员]]
poly 252 406 313 343 341 343 366 280 383 273 372 251 378 222 409 228 414 280 420 292 390 300 374 360 359 437 306 418 313 391 272 415 [[wikipedia:zh:埃德蒙·伯克|埃德蒙·伯克 - 政治家]]
rect 418 220 452 287 [[wikipedia:zh:巴斯夸·帕欧里|巴斯夸·帕欧里 - 科西嘉爱国主义者]]
poly 455 238 484 253 505 303 495 363 501 377 491 443 429 439 423 375 466 352 [[wikipedia:Charles Burney|查尔斯·伯尔尼 - 音乐史学家]]
poly 501 279 546 237 567 239 572 308 560 326 537 316 530 300 502 289 [[wikipedia:Thomas Warton|托马斯·沃顿 - 诗人获奖者]]
poly 572 453 591 446 572 373 603 351 562 325 592 288 573 260 573 248 591 243 615 254 637 280 655 334 705 396 656 419 625 382 609 391 613 453 [[wikipedia:zh:奥立佛·高德史密斯|奥立佛·高德史密斯 - 作家]]
rect 450 86 584 188 [[wikipedia:zh:约书亚·雷诺兹|疑似The Infant Academy,1782年]]
rect 286 87 376 191 [[wikipedia:zh:约书亚·雷诺兹|未知画作]]
circle 100 141 20 [[wikipedia:zh:约书亚·雷诺兹|未知画像]]
poly 503 192 511 176 532 176 534 200 553 219 554 234 541 236 525 261 506 261 511 220 515 215 [[wikipedia:Francis Barber|弗兰西斯·巴贝 - 仆人]]
rect 12 10 702 500 [[wikipedia:The Club (Literary Club)|点击按钮放大或点击链接]]
</imagemap>

<imagemap> Image:JoshuaReynoldsParty.jpg|thumb|center|400px|alt=餐廳里有九人圍坐一張桌子。晚餐已經結束,一個領頭的大個子在高談闊論,指手劃腳,而其他人聽得很入神。男子戴着假髮,身着18世紀後期的英式服裝,家具、裝飾和吊燈也是老式的。一個穿着制服的僕人正在走進,手裏拿着一個托盤,上面是兩個高肩葡萄酒醒酒器。|圖像映射範例。點擊圖片中的人物跳轉到相應條目。

poly 133 343 124 287 159 224 189 228 195 291 222 311 209 343 209 354 243 362 292 466 250 463 約翰遜博士 - 詞典作家 poly 76 224 84 255 43 302 62 400 123 423 121 361 137 344 122 290 111 234 96 225 包斯威爾 - 傳記作家 poly 190 276 208 240 229 228 247 238 250 258 286 319 282 323 223 323 220 301 200 295 約書亞·雷諾茲先生 - 主人 poly 308 317 311 270 328 261 316 246 320 228 343 227 357 240 377 274 366 284 352 311 319 324 大衛·加里克 - 演員 poly 252 406 313 343 341 343 366 280 383 273 372 251 378 222 409 228 414 280 420 292 390 300 374 360 359 437 306 418 313 391 272 415 埃德蒙·伯克 - 政治家 rect 418 220 452 287 巴斯夸·帕歐里 - 科西嘉愛國主義者 poly 455 238 484 253 505 303 495 363 501 377 491 443 429 439 423 375 466 352 查爾斯·伯爾尼 - 音樂史學家 poly 501 279 546 237 567 239 572 308 560 326 537 316 530 300 502 289 托馬斯·沃頓 - 詩人獲獎者 poly 572 453 591 446 572 373 603 351 562 325 592 288 573 260 573 248 591 243 615 254 637 280 655 334 705 396 656 419 625 382 609 391 613 453 奧立佛·高德史密斯 - 作家 rect 450 86 584 188 疑似The Infant Academy,1782年 rect 286 87 376 191 未知畫作 circle 100 141 20 未知畫像 poly 503 192 511 176 532 176 534 200 553 219 554 234 541 236 525 261 506 261 511 220 515 215 弗蘭西斯·巴貝 - 僕人 rect 12 10 702 500 點擊按鈕放大或點擊連結 </imagemap>

上面的例子連結到很多不同的頁面,取決於你點擊的位置。要了解更多圖像信息,單擊雙矩形圖標

語法說明[編輯]

一個<imagemap>標記的內容包括空行,注釋(以#開頭)和邏輯行。第一邏輯行指定要顯示的圖像。它必須與普通圖像的格式相同,除了不含 [[ 和 ]] 。如果第一行的圖像指定了 "thumb" 或 "frame" 屬性,那麼第一行的注釋和任何|alt=參數將照常被視為圖像注釋和替代文字;否則,第一行的|alt=參數(如果不存在的話為任何注釋)指定圖像的替代文字。在兩種情況下圖像本身都沒有標題文字(通常用於提示文字);任何標題文字是由之後的行所在區域決定。

之後的行分為不同的標記,由空格分隔。每一行的功能是由該行的第一個標記來確定。所有的坐標都是按照圖像的原始尺寸,而不是縮略圖。它們應表示為距左邊緣(水平像素數)、距頂部(垂直像素數)的距離。(註:你可以使用Photoshop畫圖來對圖像進行定位)

desc
指定藍色「i」圖標的位置,連接到圖像的說明頁。可能的值:top-right, bottom-right (默認), bottom-left, top-left, none。當圖像被指定 "thumb" 或 "frame" 屬性時此參數被忽略,而是採用通常的雙矩形圖標
範例:
<imagemap>
Image:PolierMartinWombwellZoffany.jpg|thumb|200px|安东尼·珀丽尔上校
rect 269 140 344 305 [[克劳德·马丁]]
rect 124 147 181 298 [[安东尼·珀丽尔|安东尼-路易·珀丽尔]]
desc none
</imagemap>
poly
多邊形。指定頂點的坐標,之後是帶方括號的連結。
rect
矩形。參數為左上和右下角,之後是帶方括號的連結。
circle
圓。前兩個參數是圓心坐標,第三個是半徑。之後是帶方括號的連結。
default
為沒有被指定的區域設置默認連結。

所有坐標都相對於原圖像指定。該圖像可以用縮略圖的語法進行縮放,在這種情況下圖像映射的坐標也將被自動縮放。

各連結都是以[[页面标题]]或[[页面标题|描述]]的形式給出。在後一種情況下,管道符「|」之後的部分成為連結的標題屬性——在大多數瀏覽器中,當鼠標懸停它會作為提示文字彈出;管道符後面的部分也成為連結的替代文字。如果沒有給出明確的連結描述,將使用頁面標題。

在重疊的區域中先列出的連結優先級高。

包含模板、魔術字或解析器函數的用法[編輯]

如果你想要用這個擴展(和其他大多數標記擴展一樣)解析模板參數、魔術字或解析器函數,你將需要使用#tag 語法,例如Template:Click。在這種情況下,豎線|必須用{{!}}模板替代(當它們出現在連結或參數中除外)。

範例 - 標準格式
<imagemap>
Image:ExamplePlant80.png|60px|ExamplePlant
rect 0 107 294 260 [[Plants/ExamplePlant|ExamplePlant]]
desc none
</imagemap>
範例 - 使用 {{PAGENAME}} 變量
{{#tag:imagemap|
Image:ExamplePlant80.png{{!}}60px{{!}}ExamplePlant
rect 0 107 294 260 [[{{PAGENAME}}/ExamplePlant|ExamplePlant]]
desc none
}}

參見[編輯]