Create a root element:
Fill it up with steps:
Slide 1
Slide 2
Tell jQuery to run it:
$(function() {
$('#jmpress').jmpress();
});
Configure jmpress
Don't want to use `.step` as a selector? Okay:
$('#jmpress').jmpress({
stepSelector: 'li'
});
See more option on next slide
Customize the hash id of each slide
The id of the step will appear as the URI hash to recall the slide later. If you
don't give your steps ids then the id `step-N` will be used.
<div id="name-of-slide" class="step"
data-x="3500" data-y="-850"
data-rotate="270" data-scale="6">
Slide 1
</div>
Load slides dynamically
You can load a slide dynamically by setting the `data-src` or `href` attribute
on the slide. The slide will only be loaded when an adjacent slide or the slide
itself is selected.
Loading...