Kaynağa Gözat

add overviewshown and overviewhidden events (closes #298)

hakimel 13 yıl önce
ebeveyn
işleme
d489ec2f9d
3 değiştirilmiş dosya ile 30 ekleme ve 4 silme
  1. 9 1
      README.md
  2. 20 2
      js/reveal.js
  3. 1 1
      js/reveal.min.js

+ 9 - 1
README.md

@@ -256,7 +256,15 @@ Reveal.addEventListener( 'fragmenthidden', function( event ) {
 ### Overview mode
 ### Overview mode
 
 
 Press "Esc" key to toggle the overview mode on and off. While you're in this mode, you can still navigate between slides,
 Press "Esc" key to toggle the overview mode on and off. While you're in this mode, you can still navigate between slides,
-as if you were at 1,000 feet above your presentation.
+as if you were at 1,000 feet above your presentation. The overview mode comes with a few API hooks:
+
+```javascript
+Reveal.addEventListener( 'overviewshown', function( event ) { /* ... */ } );
+Reveal.addEventListener( 'overviewhidden', function( event ) { /* ... */ } );
+
+// Toggle the overview mode programmatically
+Reveal.toggleOverview();
+```
 
 
 ### Fullscreen mode
 ### Fullscreen mode
 Just press »F« on your keyboard to show your presentation in fullscreen mode. Press the »ESC« key to exit fullscreen mode.
 Just press »F« on your keyboard to show your presentation in fullscreen mode. Press the »ESC« key to exit fullscreen mode.

+ 20 - 2
js/reveal.js

@@ -622,14 +622,16 @@ var Reveal = (function(){
 		// Only proceed if enabled in config
 		// Only proceed if enabled in config
 		if( config.overview ) {
 		if( config.overview ) {
 
 
+			var wasActive = dom.wrapper.classList.contains( 'overview' );
+
 			dom.wrapper.classList.add( 'overview' );
 			dom.wrapper.classList.add( 'overview' );
 			dom.wrapper.classList.remove( 'exit-overview' );
 			dom.wrapper.classList.remove( 'exit-overview' );
 
 
 			clearTimeout( activateOverviewTimeout );
 			clearTimeout( activateOverviewTimeout );
 			clearTimeout( deactivateOverviewTimeout );
 			clearTimeout( deactivateOverviewTimeout );
 
 
-			// Not the pretties solution, but need to let the overview 
-			// class apply first so that slides are measured accurately 
+			// Not the pretties solution, but need to let the overview
+			// class apply first so that slides are measured accurately
 			// before we can position them
 			// before we can position them
 			activateOverviewTimeout = setTimeout( function(){
 			activateOverviewTimeout = setTimeout( function(){
 
 
@@ -681,6 +683,15 @@ var Reveal = (function(){
 
 
 				layout();
 				layout();
 
 
+				if( !wasActive ) {
+					// Notify observers of the overview showing
+					dispatchEvent( 'overviewshown', {
+						'indexh': indexh,
+						'indexv': indexv,
+						'currentSlide': currentSlide
+					} );
+				}
+
 			}, 10 );
 			}, 10 );
 
 
 		}
 		}
@@ -730,6 +741,13 @@ var Reveal = (function(){
 
 
 			slide( indexh, indexv );
 			slide( indexh, indexv );
 
 
+			// Notify observers of the overview hiding
+			dispatchEvent( 'overviewhidden', {
+				'indexh': indexh,
+				'indexv': indexv,
+				'currentSlide': currentSlide
+			} );
+
 		}
 		}
 	}
 	}
 
 

Dosya farkı çok büyük olduğundan ihmal edildi
+ 1 - 1
js/reveal.min.js


Bu fark içinde çok fazla dosya değişikliği olduğu için bazı dosyalar gösterilmiyor