ebow/bespoke-oridomi

OriDomi slide transitions for Bespoke.js

bespoke-oridomi

Origami for Bespoke.js

Download

Download the production version or the development version, or use a package manager.

Usage

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
});

Options

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.

Advanced Example

bespoke.horizontal.from('article', {
  oridomi: {
    oridomi_options: {
      speed: 1000
    },
    transition: "accordion"
  }
});

Note

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>

Package managers

Bower

$ bower install bespoke-oridomi

npm

$ npm install bespoke-oridomi

The bespoke-oridomi npm package is designed for use with browserify, e.g.

require('bespoke');
require('bespoke-oridomi');

Credits

This plugin was built with generator-bespokeplugin and oridomi

License

MIT License