This page is a translated version of the page Extension:JavascriptSlideshow and the translation is 29% complete.
Other languages:
MediaWiki extensions manual
OOjs UI icon advanced-invert.svg
Release status: stable
Implementation Tag , Parser function
Description Create a slideshow (using JavaScript) from multiple included div elements
Author(s) Chris Reigrut, Yaron Koren, DaSch, Alexia E. Smith, Nick White
Maintainer(s) Hydrawiki
Latest version 2.0.0 (2019-02-19)
MediaWiki 1.29+
PHP 5.6+
Database changes No
License GNU General Public License 3.0 or later
Example wiki.comakingspace.de

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


  • Die Download, extract und die Datei(en) in ein Verzeichnis namens JavascriptSlideshow im Ordner extensions/ ablegen.
  • Folgenden Code am Ende Ihrer LocalSettings.php hinzufügen:
    wfLoadExtension( 'JavascriptSlideshow' );
    $wgHtml5= true; // when using MW 1.33 or earlier
  •   Done – Zu Special:Version in dem Wiki (bei Einstellung auf deutsch nach Spezial:Version) navigieren, um die erfolgreiche Installierung der Erweiterung zu überprüfen.

Für Benutzer, die MediaWiki in der Version 1.32 und früher betreiben:

Die oben stehenden Anweisungen beschreiben die neue Installationsanweisung für diese Erweiterung unter der Verwendung von wfLoadExtension(). Wird diese Erweiterung in einer dieser früheren Versionen (MediaWiki 1.32 und früher)  – an Stelle von wfLoadExtension( 'JavascriptSlideshow' ); – installiert, benutzen Sie:

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

Parser function

|id=bar refresh=1000

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

Siehe auch