FANDOM


圖片冊, 幻燈片與滑塊 是展示Wiki的圖片、影片的方便工具。(本文以源代碼編輯為主,用可視編輯器中的編輯詳見圖片冊、幻燈片與滑塊

注意:目前新版的圖片冊已可以由管理員啟用,參見該說明。

圖片冊

圖片冊會以磚塊的形式顯示一堆圖片縮影。

簡單的例子

以下為最簡單以Wikitext所顯示的圖片冊代碼:

<gallery>
Example1.png
Example2.png
Example3.png
</gallery>

附有參數的例子

以下為附上參數的例子,以Wikitext所顯示的圖片冊代碼:

<gallery navigation="true">
Example1.png
Example2.png|標題
Example3.png|'''[[Help:Wikitext|Wikitext]]''' 也可以被使用於標題中
Example4.png|link=Help:Contents|此"圖片"被[[Help:Contents|連結]].
</gallery>

於上述"附有參數的例子"中...

  • 第一個將只會顯示圖片。
  • 第二個將會顯示圖片和標題。
  • 第三個將會顯示圖片和使用上Wikitext的標題
  • 第四個將會顯示被連結上的圖片和用上Wikitext的標題


幻燈片

幻燈片會以一次一張並自動轉換到下一張的形式顯示。

  • Kittens!
  • Puppies!
  • Monkeys!
  • Giraffes!

簡單的例子

以下為最簡單以Wikitext所顯示的幻燈片代碼:

<gallery type="slideshow">
Example1.png
Example2.png
Example3.png
</gallery>

附有參數的例子

以下為附上參數的例子,以Wikitext所顯示的幻燈片代碼:

<gallery type="slideshow" hideaddbutton="true" navigation="true">
Example1.png
Example2.png|Captioned
Example3.png|'''[[Help:Wikitext|Wikitext]]''' can be used in gallery captions.
Example4.png|Clicking photo takes you to [[Help:Contents]].|link=Help:Contents|linktext=Help:Contents
</gallery>

於上述"附有參數的例子"中...

  • 第一個將只會顯示圖片。
  • 第二個將會顯示圖片和標題。
  • 第三個將會顯示圖片和使用上Wikitext的標題
  • 第四個將會顯示被連結上的圖片(無效, 可能其後已被修改)和用上Wikitext的標題

滑塊

滑塊會以全闊(或全高,視圖片方向以定)的形式並會自動換到下一張的顯示最多4張的圖片。(通常用於首頁的通知,特別活動為佳。)

注意: 圖片解像度以670 x 360px為最佳顯示效果。

簡單的例子

以下為最簡單以Wikitext所顯示的滑塊代碼:

<gallery type="slider">
Example1.png
Example2.png
Example3.png
</gallery>

附有參數的例子

以下為附上參數的例子,以Wikitext所顯示的滑塊代碼:

<gallery type="slider">
Example1.png
Example2.png|Puppies!
Example3.png|Monkeys!|linktext=They're smart.
Example4.png|Giraffes!|linktext=They're ridiculous.|link=Help:Contents
</gallery>

於上述"附有參數的例子"中...

  • 第一個將只會顯示圖片。
  • 第二個將會顯示圖片和標題。
  • 第三個將會顯示圖片,標題和內容
  • 第四個將會顯示被連結上的圖片,標題和內容

進階滑塊參數

如果你希望在圖片的部分使用特定參數,你會需要改用不同形式的gallery標籤。例如以下例子(有三個圖片變量以及設定)

{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|type="slider"
|orientation="right"
|hideaddbutton="true"
}}

Wikitext和其他選項

以下表格標註出這些圖片功能的自訂選項。


圖片冊(gallery)

解說 Wikitext 預設
布局選項
圖片寬度(最大) widths=[像素數] 200px
直行數 columns=[直行數] or perrow=[直行數] 適合於頁面*
* 如果 columns未設定,每個橫列的圖片數目會依照瀏覽視窗寬度自動調整。
圖片冊位置 position=[left/center/right] Left
圖片間距大小 spacing=[small/medium/large] Med
圖片方向和剪裁 orientation=[none/landscape/portrait/square] None
圖片說明選項
圖片說明位置 captionposition=[within/below] Below
圖片說明位置 captionalign=[left/center/right] Left
圖片說明顏色 captiontextcolor=[hex color code] 文章文字顏色
邊界選項
邊界寬度 bordersize=[none/small/medium/large] Small
邊界顏色 bordercolor=[hex color code] Accent theme color
其他
隱藏「添加更多圖片」按鈕 hideaddbutton=true 不隱藏
圖片冊說明 caption=[要顯示的文字] 無圖片冊說明
圖片
圖片會在換行時區分開來。
圖片說明是可選的。可以使用 [[ ]]來在圖片說明中增加鏈接。
鏈接是可以選擇的,使用 link=

幻燈片(slideshow)

解說 Wikitext 預設
布局選項
圖片寬度 (最大) widths=[number of pixels] 300px
剪裁 crop=[true] 不剪裁
顯示最近上傳 showrecentuploads=[true] False
幻燈片位置 position=[left/center/right] Right
其他
隱藏 "添加圖片" 按鈕 hideaddbutton=true 不隱藏
幻燈片圖片說明 caption=[text displayed] 無圖片說明
自動更新最近上載之圖片 showrecentuploads="true" false
圖片
圖片會在換行時區分開來。
圖片說明是可選的。可以使用 [[ ]]來在圖片說明中增加鏈接。
鏈接是可以選擇的,使用 link=

滑塊 (Slider)

解說 Wikitext 預設
布局選擇
滑塊欄的位置 orientation=[right/bottom] bottom
圖片數量
每一張圖片需開新行分隔。
主題(Title)是選擇性的。
連結(Links)是選擇性的,後面加上link=
副題(Subtitle)是選擇性的,後面加上linktext=

另參見

幫助及反饋

除了特别提示,社区内容遵循CC-BY-SA 授权许可。