Erweiterung:JavascriptSlideshow

MediaWiki-Erweiterungen

JavascriptSlideshow Freigabestatus: stabil
Einbindung	Tag , Parser-Funktion
Beschreibung	Allows to create a slideshow (using JavaScript) from multiple included div elements
Autor(en)	Chris Reigrut, Yaron Koren, DaSch, Alexia E. Smith, Nick White
Betreuer	Miraheze, Brent Laabs
Letzte Version	2.2.0 (2025-03-22)
MediaWiki	1.43+
PHP	8.1+
Datenbankänderungen	Nein
Tags ‎<slideshow>
Verwendete Hooks ParserFirstCallInit
Lizenz	GNU General Public License 3.0 oder neuer
Herunterladen	Erweiterung herunterladen Git [?]: Repository durchsuchen (GitHub) Code-Review Ergänzungen und Änderungen Download source tarball
Übersetze die JavascriptSlideshow-Erweiterung, wenn sie auf translatewiki.net verfügbar ist

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

Installation

• Die Erweiterung herunterladen und die Datei(en) in ein Verzeichnis namens JavascriptSlideshow im Ordner extensions/ ablegen.
  Entwickler und Code-Beitragende sollten stattdessen die Erweiterung von Git installieren, mit:

  cd extensions/
  git clone https://gerrit.wikimedia.org/r/mediawiki/extensions/JavascriptSlideshow
  

• Folgenden Code am Ende deiner LocalSettings.php -Datei einfügen:

  wfLoadExtension( 'JavascriptSlideshow' );
  

• Erledigt – Navigiere zu Special:Version in deinem Wiki, um zu überprüfen, ob die Erweiterung erfolgreich installiert wurde.

Optionen/Attribute

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

Beispiele

Tag

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

Parser-Funktion

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

Siehe auch

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