Webmaster:S5Slideshow syntax

Uit Parwiki


Installation is very simple.
All you need is to get the code into /extensions/S5SlideShow subdirectory (you can't use other path as it's hardcoded by now) and add a line to LocalSettings.php:
require_once "$IP/extensions/S5SlideShow/S5SlideShow.php";
Also you can specify some configuration, but this is not required:
// headingmark attribute default value (false = turn nothing into slides, "" = turn all sections into slides)
$egS5SlideHeadingMark = false;
// incmark attribute default value
$egS5SlideIncMark = '\(step\)';
//Default Style for presentations. Useful for not redefining 'default' style but change all presentations by default to some "corporate" style.
$egDefaultStyle = 'default';

Full description and usage information is here: http://wiki.4intra.net/S5SlideShow
nb. let op er is op parwiki nog een slideshow.php die zelfde tag gebruikt en dat zonder problemen tussen de twee extensies: hier moet naar gekeken worden

<slideshow style="custis" headingmark=" " incmark="…" scaled="true" font="Comic Sans MS, Calibri, cursive" >
;title: Let's start
;author: Vitaliy Filippov





7 skins are available "out-of-the-box": blue, default, custis, nobook, flower, yatil, pixel. You can also create your own styles using wiki pages. See further information on the website [1].


The extension searches for this character sequence inside all headings (== Just a simple MediaWiki heading like this ==), and if found, it maps the heading to a slide in the slide show mode. If the heading includes this substring then it will be a slide. If the headingmark attribute value is empty, no MediaWiki headings will be mapped to slides, only <slides> tags.
Example: ; headingmark: Slide:.
Dus: " " met 2 spaties verwijst naar ==; met 3 naar === enz.


A similar character sequence that identifies «step-by-step» slides. Step-by-step means that if there are any lists (ordered # or unordered *) on the slide, they will be shown grayed, and with each mouse or Enter key click, the next list item will be highlighted.


This sequence is used to center the slide content without removing the heading.


If this attribute's value is 1, true or yes (case insensitive), then all slides' content is scaled automatically to fit the screen. Images, including SVG ones, are scaled too, and will always have size "relative" to the font size. This is not the basic S5 ability, but an our feature.


Slide show author (for the first (title) slide). Can contain Wiki markup.


Slide show title. Can contain Wiki markup.


Slide show subtitle (for the title slide). Can contain Wiki markup.


A string displayed in page footer on each slide. Can contain Wiki markup. Also, the word {{date}} is special inside it - it is replaced with last article edit timestamp.

ser:BR~metawiki/S5 slide for mediawiki documentation/en
Jump to navigationJump to search
This extension generate S5 slide show [1] using wiki pages.
1Slide Show tag
3Slideshow styles
4Incremental display
5Incremental display, example (step)
7Play link
9Known Issues
Slide Show tag
Tag format: <slide>style</slide>.
The tag can be put anywhere in the page. style refers to the style used in the slideshow. The tag will be converted to a thumbnail and link pointing to the slide show. Click the link to play the slideshow.
Any level 2 headline and it's content makes one slide page. The headline will be the title of the slide page. The content before the first headline will put into the cover of the slide as comment.
Put "\\" after a paragraph to force page break there. Something like "(2/3)" will be added to the page title to indicate pagination under the same title.
Be careful of these matrix math formular with page break mark "\\" which will break your slide. Append a space char after the "\\" to avoid the problem.
Slideshow styles
There are 5 styles in the package:
If you specify a style name not in the list, the slide will use the default style. You can use diffent styles in one slideshow: just insert one more tag in the page.
PS: these are modified original styles.
Incremental display
S5 slideshow supports incremental display (show the bullet points one at a time). Just insert (step) (lowercase!) in the level 2 headline, like this:

Title for the page (step)

This tag doesn't affect none list content and pictures (and math formular). The step tag will not be displayed in the slideshow page.
Incremental display, example (step)
list 1
list 2
sub list 1
sub list 2

math formular in the list {\displaystyle \int _{a}^{b}x^{2}\mathrm {d} x}{\displaystyle \int _{a}^{b}x^{2}\mathrm {d} x}
None list content and Math formulas {\displaystyle \sum _{i=1}^{n}x_{i}}{\displaystyle \sum _{i=1}^{n}x_{i}}

Next page: carriage return, page down, down arrow, right arrow, mouse left click, Space key
Previous page: page up, up arrow, left arrow
Navigation bar will appear when you move mouse to the bottom of the right corner:
Ø: switch in the slide show mode and print friend mode
«,»: page switch
selection box: jump to the specified page
Play link
Normally you must open a page and click the link to play the slide show. Actually you can use a template for this action. Insert the following content in the page:
{{slide|page name}} or {{slide2|page name|style name}}
eg: {{slide|My presentation}} specify flower style: {{slide2|My presentation|flower}}
You can modify template:slide to change the look of the link. There is no need of this slideshow tag in the target page.

Too long paragraphs will break the page
Page down key and arrow down key acts abnormaly if a page contains a long paragraph, arrow up key or page up key will correct the issue
Hit space key two times to turn one page in Internet Explorer
Picture and math formular can't play step forward for technical reasons
Known Issues
Last Slide is in Chinese.
Note: To change the Chinese text you can edit the slide.htm file in the slide folder. BTW, according to google transtale the sentence says "End of slides, Thank you!".
Just for search engines:
n S5 presentations XHTML HTML powerpoint web wiki mediawiki extension

After adding the slide show definition, you only need to click the skin preview image emerged in the place of the definition in article view. Then, if you're in Opera, click F11, and if you're in Firefox or Chrome, the presentation will begin itself.
So, slides are specified as article sections with «headingmark» in their titles. You can also specify slides using <slides>tag. Slides specified like this are shown as «live thumbnails» (html DIVs with scaled content). This mode is considered experimental and should not be used for the whole presentations, as the resulting presentation will be much less readable. You should use it only for generating slides for some «floating illustrations»:

<slides float="right" width="300">

Printing and PDF export
For added interoperability, S5 supports printing and PDF export. Of course all interactive element will be lost on printed page and PDFs - only static content will be printed. «Incremental» lists will be shown in whole; animations and media-features like MindMaps viewed in a Flash applet (see MMHandler) or inserted videos will not be shown at all.
Of course it doesn't mean printing is useless - so the support is there. Printing instructions:
Use Firefox. Also you can use Chrome, but you'll have neither background images, nor CSS3- and SVG-gradients (OK for printing, but not so good for PDF export).
While in slideshow mode, move the mouse into the bottom right screen corner and click the first icon (one with a printer).
Enter desired page size in millimeters (by default it's A4, i.e 297x210 mm), click OK and wait for page to reload.
After the page is reloaded:
Select File → Print.
Be sure to select the page size identical to entered in previous step, and 100 % scale.
Clear header and footer in Firefox print settings, and select «Print Background Colors», «Print Background Images» if you want.
Use PDF printer for PDF export. It's always available on Linux, and on MustDie (Window$) systems it should be installed separately (Ghostscript).
Click «print».

There are several features that make S5 in combination with MediaWiki a unique technology - firstly, slide shows are created very simply, and secondly, there is no more need to maintain two versions of presentation «with» and «without» remarks - «for slide show» and «for home reading». For «home reading» the normal article view mode can be used, because you can make its part non-mapped to slides. Moreover, such slide shows allow simple collaborative work, version control and other normal Wiki features.
As it was already mentioned, you need to press F11 to go into slideshow and fullscreen mode in Opera browser. It's not required in Firefox and Chrome.
Control panel
If you move the mouse cursor over the lower-right corner of the slide show, you can see a simple slide show control panel.
Skin selection
Any slide show can be opened using any available skin without changing its definition - you only need to add &s5skin=NAME to slide show URL (where NAME is the skin name).
In MediaWiki4Intranet, you can use «live auto-preview» to perform «almost WISYWIM» (What You See Is What You Mean) mode editing. To do so you need to check the «slides» checkbox below the edit area, select desired auto-refresh time (30 seconds by default) and click «Auto-preview» (FIXME checkboxes may be not translated from russian by now). A new browser tab or window will be opened, and you can place it at the right side of edit window or, for example, on the second display. It will contain the slideshow you are editing, and position within it (slide #) will be preserved, and it will refresh each XX seconds (30 by default).
Incremental (step-by-step) display
There are 3 ways to do it.
First: If the slide is marked with «incremental» mark (incmark attribute) all lists - ordered and unordered ones - will be displayed item-by-item.
Second: On any slide, the contents of any element with CSS class="anim" will be shown item-by-item (for example <div class="anim"><div>i.1</div><div>i.2</div></div> and etc).
Third: a single element can be marked with class="incremental" and it will become an «additional step» for display.
Step-by-step «animations»
If you mark some element (most commonly <div>) with class="anim over", then each next subelement with .incremental class will replace the previous one. Usage example: Test presentation.
Link to slide
If you want to make a link to specific slide, add the #slideN anchor to slide show URL. N is slide number, beginning with 0 which is the title slide. Also, our S5 version preserves the position (current slide number) on page reload (F5, Ctrl-R). And this is also our feature :)

Slide show definition example (can be used as a stub for copy-paste):
<font color="red"><slide style="custis" headingmark="Slide:" incmark="(step)" scaled="true">
;author: Presentation Author
;title: Multithreading in Java (beginning)
;subtitle: Multithreading in Java (beginning)
;subfooter: {{date}}

Please note that PHP DOM extension is required for S5SlideShow to work.

Sjabloon:Slide moet er als volgt uitzien: