Options and callbacks can be set when you initialize jmpress as such:
$(selector).jmpress({
stepSelector: '.step',
start: '#home',
setActive: function( slide, eventData ) { }
});
Default: '.step'
The jQuery selector to specify each step.
Selector of step to start from. (ex. "#home")
Default: 'not-supported'
Class name to remove on root element if jmpress.js is supported.
Default: true
Whether jmpress.js should run in full screen mode or in a container.
Default: 'active'
A class name to set on the current step.
Default: 'nested-active'
A class name to set on all parents of the current step.
Default: true
Whether the url hash should be used with jmpress.
Default: true
Whether the url hash should be updated on step change.
Default: true
Whether changes of the url hash and clicks on link should be converted into step selects.
Let camera zoom to contain at least width and/or height.
Minimum and maximum zoom factor of camera.
Whether a mouse click on another step select it.
jmpress.js has a great keyboard mapping system. Mapping a key to an event is simple:
$(selector).jmpress({
keyboard: {
keys: {
189: ['select', '#overview']
}
}
});
In this example we are binding the '-' key (key code 189) to select a step we have named 'overview'.
Default: {33: "prev", 32: "next", ...}
Bind a key to a jmpress command. Set it to null to remove an existing
key binding.
Set it to a string to get the jmpress command invoked.
Set it to a string containing ":" (ex. "next:prev") to get the first command on
default and the second on modified with the shift key.
Set it to a array to apply the array as arguments a jmpress command (ex.
["select", "#some-cool-step"]).
Default: [32, 37, ...] as TAGNAME = "INPUT"
Ignore some keys on a specific tag name.
Default: true
Whether the keyboard should be used to navigate in jmpress.
A class name to set on the container. The overall container of the camera. It has no transformation applied so you can set some background on it.
A class name to set on the canvas. The canvas is the element, which contains the steps.
A class name to set on the area. The area is some middle element, which is needed to build this camera.
Set the CSS animation values for transitions between slides.
Default: 'loaded'
Class name to set on each step that has been started loading.
You may set a series of data attributes on your steps. This method of building your steps will be familiar if you're coming from impress.js.
...
...
Each step element can have the following data attributes set: