From 19b67aab1314818b71ea39323c74308c6073f52d Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Fri, 4 May 2012 00:01:20 -0400 Subject: 'slidechanged' event, added Reveal.addEventListener/Reveal.removeEventListener api methods --- README.md | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) (limited to 'README.md') diff --git a/README.md b/README.md index 20965a9..12ca7e4 100644 --- a/README.md +++ b/README.md @@ -68,16 +68,27 @@ The Reveal class provides a minimal JavaScript API for controlling its navigatio ### States -If you set ``data-state="someState"`` on a slide ``
``, "someState" will be applied as a class on the document element when that slide is opened. This allows you to apply broad style changes to the page based on the active slide. +If you set ``data-state="somestate"`` on a slide ``
``, "somestate" will be applied as a class on the document element when that slide is opened. This allows you to apply broad style changes to the page based on the active slide. Furthermore you can also listen to these changes in state via JavaScript: ``` -document.addEventListener( 'someState', function() { +Reveal.addEventListener( 'somestate', function() { // TODO: Sprinkle magic }, false ); ``` +### Slide change event + +An 'slidechanged' event is fired each time the slide is changed (regardless of state). The event object holds the index of the current slide. + +``` +Reveal.addEventListener( 'slidechanged', function( event ) { + // event.indexh & event.indexv +} ); +``` + + ## Examples * http://lab.hakim.se/reveal-js/ (original) @@ -104,6 +115,9 @@ document.addEventListener( 'someState', function() { #### 1.3 (master) - Revised keyboard shortcuts, including ESC for overview, N for next, P for previous. Thanks [mahemoff](https://github.com/mahemoff) - Added support for looped presentations via config +- Fixed IE9 fallback +- Added event binding methods (Reveal.addEventListener, Reveal.removeEventListener) +- Added 'slidechanged' event #### 1.2 -- cgit v1.2.3