Extension:JavascriptSlideshow

MediaWiki 拡張機能マニュアル

JavascriptSlideshow リリースの状態: 安定
実装	タグ , パーサー関数
説明	Allows to create a slideshow (using JavaScript) from multiple included div elements
作者	Chris Reigrut, Yaron Koren, DaSch, Alexia E. Smith, Nick White
メンテナー	Miraheze, Brent Laabs
最新バージョン	2.2.0 (2025-03-22)
MediaWiki	1.43+
PHP	8.1+
データベースの変更	いいえ
ライセンス	GNU 一般公衆利用許諾書 3.0 以降
ダウンロード	GitHub: プロジェクトのページ git リポジトリの URL [ヘルプ ] コミット履歴 注: 地域化の更新は translatewiki.net からは提供されません。
タグ ‎<slideshow>
使用するフック ParserFirstCallInit

The JavaScriptSlideshow extension creates a slideshow that can:

• Create a "rotating" slideshow (i.e., one that changes from one picture to another)
• Create stop-action animation from multiple images or multiple pieces of text

インストール

• Download, extractして、ファイルをextensions/フォルダー内のJavascriptSlideshowという名前のディレクトリ内に配置します。
• 以下のコードを LocalSettings.php ファイルの末尾に追加します:

  wfLoadExtension( 'JavascriptSlideshow' );
  

• 完了 – ウィキの「Special:Version」に移動して、拡張機能が正しくインストールされたことを確認します。

Options / attributes

id

The ID to be given to the div containing the content. This allows you to pre-specify the id for styling purposes. If none is specified, the id will be a randomly generated number starting with 'slideshow_' (e.g., slideshow_12345).

refresh

The time, in milliseconds, between transitions. The default is 1000 milliseconds (one second).

sequence

The sequence in which the content is displayed. It must be one of the following values:

• forward: This is the default.
• backward
• random

transition

How to transition (change) between content. It must be one of the following values:

• cut: A straight cut from the current content to the new content. This is the default.
• fade: A one-second fade between the current and new content.
• blindDown: The new content "rolls down" over the existing content.

transitiontime

The time, in milliseconds, that transitions take to complete. The default is 400 milliseconds. Increase it to make transitions slower.

center

If 'true', center the slideshow (it only works for slideshows of images, not text).

例

タグ

<slideshow sequence="random" transition="fade" refresh="1000">
<div>[[File:Tabby cat with blue eyes-3336579.jpg|thumb|300px|Cat with blue eyes.]]</div>
<div>[[File:Cat cute persian cat.jpg|300px|A cat.]]</div>
<div>This slide has no image.

It can have multiple paragraphs.
</div>
<div>[[File:Cute cat (1698598876).jpg|300px|Another cat.]]</div>
</slideshow>

This results in a div (with a randomly generated ID) that randomly changes every 1 second between the three images specified (which happen to be wiki images) and a slide that has no image (to demonstrate that this is possible).

パーサー関数

{{#slideshow:
<div>Tick</div><div>Tock</div>
|id=bar refresh=1000
}}

would result in a div (with an id of bar) that changed every second between the words Tick and Tock.

関連項目

• Simple CSS slideshow
• Extension:VisualData/Result_formats#Carousel