Extension:JavascriptSlideshow
This extension is currently not actively maintained! Although it may still work, any bug reports or feature requests will more than likely be ignored. |
JavascriptSlideshow Release status: unmaintained |
|
---|---|
Implementation | Tag , Parser function |
Description | Allows to create a slideshow (using JavaScript) from multiple included div elements |
Author(s) |
|
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 |
Download | GitLab: Note: |
<slideshow> |
|
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
- Download, extract and place the file(s) in a directory called
JavascriptSlideshow
in yourextensions/
folder. - Add the following code at the bottom of your LocalSettings.php file:
wfLoadExtension( 'JavascriptSlideshow' );
$wgHtml5= true; // when using MW 1.33 or earlier
- Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.
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 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).
Examples
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 function
{{#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.
See also
This extension is included in the following wiki farms/hosts and/or packages: This is not an authoritative list. Some wiki farms/hosts and/or packages may contain this extension even if they are not listed here. Always check with your wiki farms/hosts or bundle to confirm. |