Erweiterung:JavascriptSlideshow

MediaWiki-Erweiterungen

JavascriptSlideshow Freigabestatus: ohne Wartung
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
Letzte Version	2.0.0 (2019-02-19)
MediaWiki	1.29+
PHP	5.6+
Datenbankänderungen	Nein
Lizenz	GNU General Public License 3.0 oder neuer
Herunterladen	GitLab: Projektseite Git-Repositorium-URL [Hilfe ] commit history Hinweis: No localisation updates are provided by translatewiki.net .
Tags ‎<slideshow>
Verwendete Hooks 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

Installation

• Die Download, extract und die Datei(en) in ein Verzeichnis namens JavascriptSlideshow im Ordner extensions/ ablegen.
• Folgenden Code am Ende deiner LocalSettings.php -Datei einfügen:

  wfLoadExtension( 'JavascriptSlideshow' );
  

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

•  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