Extension:JavascriptSlideshow

MediaWiki 拡張機能マニュアル

JavascriptSlideshow リリースの状態: 保守されていない
実装	タグ , パーサー関数
説明	Create a slideshow (using JavaScript) from multiple included div elements
作者	Chris Reigrut, Yaron Koren, DaSch, Alexia E. Smith, Nick White
最新バージョン	2.0.0 (2019-02-19)
MediaWiki	1.29+
PHP	5.6+
データベースの変更	いいえ
ライセンス	GNU 一般公衆利用許諾書 3.0 以降
ダウンロード	GitLab: プロジェクトのページ git リポジトリの URL [ヘルプ ] コミット履歴 注: 地域化の更新は translatewiki.net からは提供されません。
例	wiki.comakingspace.de
タグ ‎<slideshow>
使用するフック ParserFirstCallInit

The JavaScriptSlideshow extension creates a slideshow which 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' );
  

  $wgHtml5= true; // when using MW 1.33 or earlier
  

•  完了 – ウィキの「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 to display the content. Must be one of the following values:

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

transition

How to transition (change) between content. 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 content and the 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 (only works for a slideshow of images, not text).

例

タグ

<slideshow sequence="random" transition="fade" refresh="10000">
<div>[[Image:Image1.jpg|thumb|right|128px|Caption 1]]</div>
<div>[[Image:Image2.jpg|thumb|right|128px|Caption 2]]</div>
<div>[[Image:Image3.jpg|thumb|right|128px|Caption 3]]</div>
</slideshow>

This results in a div (with a randomly generated id) that randomly changed every 10 seconds between the three images specified (which happen to be wiki images).

パーサー関数

{{#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