Browse Source

zoom.js works on main wrapper element

Hakim El Hattab 7 năm trước cách đây
mục cha
commit
b04489b129
1 tập tin đã thay đổi với 19 bổ sung14 xóa
  1. 19 14
      plugin/zoom-js/zoom.js

+ 19 - 14
plugin/zoom-js/zoom.js

@@ -1,22 +1,27 @@
 // Custom reveal.js integration
 (function(){
-	document.querySelector( '.reveal .slides' ).addEventListener( 'mousedown', function( event ) {
-		var defaultModifier = /Linux/.test( window.navigator.platform ) ? 'ctrl' : 'alt';
+	var revealElement = document.querySelector( '.reveal' );
+	if( revealElement ) {
 
-		var modifier = ( Reveal.getConfig().zoomKey ? Reveal.getConfig().zoomKey : defaultModifier ) + 'Key';
-		var zoomLevel = ( Reveal.getConfig().zoomLevel ? Reveal.getConfig().zoomLevel : 2 );
+		revealElement.addEventListener( 'mousedown', function( event ) {
+			var defaultModifier = /Linux/.test( window.navigator.platform ) ? 'ctrl' : 'alt';
 
-		if( event[ modifier ] && !Reveal.isOverview() ) {
-			event.preventDefault();
+			var modifier = ( Reveal.getConfig().zoomKey ? Reveal.getConfig().zoomKey : defaultModifier ) + 'Key';
+			var zoomLevel = ( Reveal.getConfig().zoomLevel ? Reveal.getConfig().zoomLevel : 2 );
 
-			zoom.to({
-				x: event.clientX,
-				y: event.clientY,
-				scale: zoomLevel,
-				pan: false
-			});
-		}
-	} );
+			if( event[ modifier ] && !Reveal.isOverview() ) {
+				event.preventDefault();
+
+				zoom.to({
+					x: event.clientX,
+					y: event.clientY,
+					scale: zoomLevel,
+					pan: false
+				});
+			}
+		} );
+
+	}
 })();
 
 /*!