This page is a translated version of the page Extension:JavascriptSlideshow and the translation is 86% complete.
Other languages:
MediaWiki 拡張機能マニュアル
OOjs UI icon advanced-invert.svg
リリースの状態: 安定
実装 タグ , パーサー関数
説明 Create a slideshow (using JavaScript) from multiple included div elements
作者 Chris Reigrut, Yaron Koren, DaSch, Alexia E. Smith, Nick White
メンテナー Hydrawiki
最新バージョン 2.0.0 (2019-02-19)
MediaWiki 1.29+
PHP 5.6+
データベースの変更 いいえ
ライセンス GNU 一般公衆利用許諾書 3.0 以降

使用状況とバージョン マトリクスを確認してください。

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.34 or later
  •   完了 – ウィキの「Special:Version」に移動して、拡張機能が正しくインストールされたことを確認します。

MediaWiki 1.32 以前を稼働させている利用者へ:

上記の手順では、wfLoadExtension() を使用してこの拡張機能をインストールする新しい方法を記載しています。 この拡張機能をこれらの過去のバージョン (MediaWiki 1.32 以前) にインストールする必要がある場合は、wfLoadExtension( 'JavascriptSlideshow' ); の代わりに以下を使用する必要があります:

require_once "$IP/extensions/JavascriptSlideshow/JavascriptSlideshow.php";

Options / attributes

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).
The time, in milliseconds, between transitions. The default is 1000 milliseconds (one second).
The sequence in which to display the content. Must be one of the following values:
  • forward: This is the default.
  • backward
  • random

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.
The time, in milliseconds, that transitions take to complete. The default is 400 milliseconds. Increase it to make transitions slower.
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>

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).


|id=bar refresh=1000

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