Note: This device does not support the Fullscreen API.
FsFx.js
Can do a few things:
Enter or exit fullscreen
Trigger 'next slide' after fullscreen
Toggle a class on any element if fullscreen
Auto-generate a fullscreen button
If a device does not support the Fullscreen API, a class of no-fsfx will be added to the body. You can use it to show warnings, hide elements etcetera.
1. Enter or exit fullscreen
Triggers if an element with a certain class is clicked
This baseclass is 'fsbutton' by default
The baseclass can easily be changed in the plugin options
2. Trigger 'next slide' after fullscreen
The start button on the first page of this deck does exactly that
If wanted, a 'next slide' function can be called
It can be added with a data-fs-gonext="*" attribute
The wildcard is the time in milliseconds for a delay
3. Toggle a class on any element if the presentation is fullscreen
A class toggle can be added with a data-fs-toggle="*" attribute
The wildcard is the class that is toggled in fullscreen
In this presentation, see the changes in fullscreen: The background and the button icons
4. Auto-generate a fullscreen button
FsFx can generate a fullscreen button in your presentation (like in this presentation)
This will only be done if no such button already exists
The styling of the auto-generated button is included, but you can tweak color and position