bespoke-state
Bespoke.js
Slide-Specific Deck Styles forStyle your entire deck differently based on the active slide.
Classes specified in data-bespoke-state
attributes will be added to the deck's parent element when the slide is activated.
Download
Download the production version or the development version.
Bower
Bespoke-state can be installed from Bower using the following command:
$ bower install bespoke-state
Usage
First, include both bespoke.js
and bespoke-state.js
in your page.
Then, simply include the plugin when creating your deck with the from()
function.
bespoke.horizontal.from(selector, {
state: true
});
Finally, add data-bespoke-state
attributes to your slides.
<article>
<section>
Regular deck style
</section>
<section data-bespoke-state="special">
Special deck style
</section>
<section data-bespoke-state="super special">
Super special deck style
</section>
<section>
Regular deck style
</section>
</article>
Questions?
Contact me on GitHub or Twitter: @markdalgleish
License
Copyright 2013, Mark Dalgleish
This content is released under the MIT license
http://markdalgleish.mit-license.org