Origami for Bespoke.js
Download the production version or the development version, or use a package manager.
First, include both bespoke.js
and bespoke-oridomi.js
in your page.
Then, simply include the plugin when instantiating your presentation.
bespoke.horizontal.from('article', {
oridomi: true
});
You can send additional options through to bespoke-oridomi to tweak the outcome.
transition: "foldUp" or "accordion"
oridomi_options: options sent directly to OriDomi.js see OriDomi.com for examples, documentation and notes.
bespoke.horizontal.from('article', {
oridomi: {
oridomi_options: {
speed: 1000
},
transition: "accordion"
}
});
OriDomi clones your slide and wraps it inside itself. So avoid putting a background on the slide directly. If you need a background place it on a node inside the slide. See demo for full example.
<article>
<section>
<div style="background: gray; width: 100%; height: 100%">
<p>Slide 1</p>
</div>
</section>
</article>
$ bower install bespoke-oridomi
$ npm install bespoke-oridomi
The bespoke-oridomi npm package is designed for use with browserify, e.g.
require('bespoke');
require('bespoke-oridomi');
This plugin was built with generator-bespokeplugin and oridomi