コンテンツにスキップ

Template:Wide image/doc

横幅の広い画像をレイアウトを崩さずに表示するためのテンプレートです。

使用方法

[編集]

{{Wide image|ファイル名|サイズ|画像の説明|ボックスの幅|回り込み指定|代替テキスト}}

使用例

[編集]

キャプション無し

[編集]
{{wide image|Helsinki z00.jpg|1800px|
|alt=Panorama of city with mixture of five to ten story buildings}}
Panorama of city with mixture of five to ten story buildings

より小さく表示

[編集]
{{wide image|Helsinki z00.jpg|400px|
|alt=Panorama of city with mixture of five to ten story buildings}}
Panorama of city with mixture of five to ten story buildings

キャプション付き

[編集]
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama
|alt=Panorama of city with mixture of five to ten story buildings}}
Panorama of city with mixture of five to ten story buildings
Helsinki panorama

右に回りこんで配置

[編集]
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama.|45%|right
|alt=Panorama of city with mixture of five to ten story buildings}}
This text goes after the ''wide image'' template. [[Lorem ipsum]] dolor sit amet...
Panorama of city with mixture of five to ten story buildings
Helsinki panorama.

This text goes after the wide image template. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

左に回りこんで配置

[編集]
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama.|45%|left
|alt=Panorama of city with mixture of five to ten story buildings}}
This text goes after the ''wide image'' template. Lorem ipsum dolor sit amet...
Panorama of city with mixture of five to ten story buildings
Helsinki panorama.

This text goes after the wide image template. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

回りこませず配置

[編集]
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama.|45%|none
|alt=Panorama of city with mixture of five to ten story buildings}}
This text goes after the ''wide image'' template. Lorem ipsum dolor sit amet...
Panorama of city with mixture of five to ten story buildings
Helsinki panorama.

This text goes after the wide image template. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

スクロールバーを右端に配置

[編集]
{{wide image|Helsinki z00.jpg|1800px|[[Helsinki]] panorama
|alt=Panorama of city with mixture of five to ten story buildings
|dir=rtl}}
Panorama of city with mixture of five to ten story buildings
Helsinki panorama

Template data

[編集]

パノラマ画像を簡単に配置できます。もし幅が広い場合スクロールバーが追加されます

テンプレートパラメーター

パラメーター説明状態
ファイル名1

表示するファイルの名前 例: Helsinki z00.jpg

文字列必須
画像の幅2

画像全体の幅をピクセル単位で指定 (例: 1600px)

文字列必須
キャプション3 caption

画像の下に表示されるキャプション

文字列推奨
フレームの幅4 frwidth

画像を表示するフレームの幅を制限する。 例: "400px" , "40%"

文字列省略可能
フレームの寄せ5 align

left, right, center, none のどれか。フレームの幅も一緒に指定する必要がある。

既定
center
文字列省略可能
画像の寄せdir

値を "rtl" に指定すると、フレームの中で画像を右側から表示するようになる

既定
ltr
文字列省略可能
代替テキストalt

画像の中身について視覚が不自由な利用者に向けて説明する。

文字列省略可能

関連項目

[編集]