こちらは
SCP財団 で用いられている画像カルーセルを、The Backrooms JP Wiki に移植したものです。
タイトル: Image Carousel
ソース: https://scp-wiki.wikidot.com/component:carousel
ライセンス: CC BY-SA 3.0
著作権者: Croquembouche
公開年: 2020
補足: このページ上のコンテンツは、2018年時点で https://scp-sandbox-3.wikidot.com/carousel-demo にて公開されていました。
ローカライズ: Einoshima
概説
画像群。
このように、複数の画像をスタイリッシュに、かつ、かさばらずに表示することが可能です。
ユーザーが矢印をクリックして手動で画像を切り替えた または マウスがカルーセルの上にある 場合、画像は切り替わりません。
導入方法
画像カルーセルを使用したい箇所に、標準の画像ブロックの代わりにこちらのようなコードを挿入してください。
[[include component:carousel
| images=http://japan-backrooms-storage.wikidot.com/local--files/file:3358370-2-6pgo/sisetsu01.jpg,http://japan-backrooms-storage.wikidot.com/local--files/file:3358370-3-5uyz/sisetsu02.jpg,http://japan-backrooms-storage.wikidot.com/local--files/file:3358370-3-owsz/sisetsu03.jpg,http://japan-backrooms-storage.wikidot.com/local--files/file:3358370-4-pj7p/sisetsu04.jpg,http://japan-backrooms-storage.wikidot.com/local--files/file:3358370-5-dcq6/sisetsu05.jpg
| caption=画像群。
| interval=3
| width=710px
| height=400px
| align=center
]]
オプションの一覧
| images: | 表示したい画像のURLを、コンマ（","）で区切った状態でここに全て入力してください。 画像はファイルストレージ上にアップロードしてください。 |
| caption: | このカルーセルのキャプション部分をここに記載してください。 |
| interval: （任意） |
ここに"0"以外の数値を代入すると、画像の切り替え間隔がその秒数ごとになります。 デフォルト値: "0" |
| width: （任意） |
カルーセルの横サイズです。 デフォルト値: "300px" |
| height: （任意） |
カルーセルの縦サイズです。 カルーセル中の最も縦長な画像の縦サイズが、この値に指定されます。 デフォルト値はブラウザに依存します。 |
| align: （任意） |
カルーセルのページ内での表示位置です。 標準の画像ブロックと同様に "left"または "right" または "center"を入力してください。 デフォルト値: "right" |
| no-caption: （任意） |
この値を"true"にすることで、キャプションがなくなります。 デフォルト値: "false" |
| background: （任意） |
カルーセルの背景色（デフォルトで透明）を指定します。 デフォルト値: "transparent" |
| options: （任意） |
この値を"no"にすることで、再生・停止ボタンと画像選択ボタンを非表示にします。 デフォルト値: "yes" |