progress bar can now be clicked to navigate (closes #181)
This commit is contained in:
parent
ecb4347ec1
commit
3241cb78d8
|
@ -253,12 +253,12 @@ body {
|
|||
.reveal .controls {
|
||||
display: none;
|
||||
position: fixed;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
z-index: 30;
|
||||
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.reveal .controls a {
|
||||
|
@ -304,8 +304,16 @@ body {
|
|||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
.reveal .progress:after {
|
||||
content: '';
|
||||
display: 'block';
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
width: 100%;
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
.reveal .progress span {
|
||||
display: block;
|
||||
height: 100%;
|
||||
|
|
29
js/reveal.js
29
js/reveal.js
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* reveal.js 2.1 r34
|
||||
* reveal.js 2.1 r35
|
||||
* http://lab.hakim.se/reveal-js
|
||||
* MIT licensed
|
||||
*
|
||||
|
@ -332,6 +332,10 @@ var Reveal = (function(){
|
|||
document.addEventListener( 'keydown', onDocumentKeyDown, false );
|
||||
}
|
||||
|
||||
if ( config.progress && dom.progress ) {
|
||||
dom.progress.addEventListener( 'click', preventAndForward( onProgressClick ), false );
|
||||
}
|
||||
|
||||
if ( config.controls && dom.controls ) {
|
||||
dom.controlsLeft.addEventListener( 'click', preventAndForward( navigateLeft ), false );
|
||||
dom.controlsRight.addEventListener( 'click', preventAndForward( navigateRight ), false );
|
||||
|
@ -350,6 +354,10 @@ var Reveal = (function(){
|
|||
document.removeEventListener( 'touchend', onDocumentTouchEnd, false );
|
||||
window.removeEventListener( 'hashchange', onWindowHashChange, false );
|
||||
|
||||
if ( config.progress && dom.progress ) {
|
||||
dom.progress.removeEventListener( 'click', preventAndForward( onProgressClick ), false );
|
||||
}
|
||||
|
||||
if ( config.controls && dom.controls ) {
|
||||
dom.controlsLeft.removeEventListener( 'click', preventAndForward( navigateLeft ), false );
|
||||
dom.controlsRight.removeEventListener( 'click', preventAndForward( navigateRight ), false );
|
||||
|
@ -392,7 +400,7 @@ var Reveal = (function(){
|
|||
function preventAndForward( delegate ) {
|
||||
return function( event ) {
|
||||
event.preventDefault();
|
||||
delegate.call();
|
||||
delegate.call( null, event );
|
||||
};
|
||||
}
|
||||
|
||||
|
@ -1234,8 +1242,8 @@ var Reveal = (function(){
|
|||
}
|
||||
|
||||
/**
|
||||
* Handles mouse wheel scrolling, throttled to avoid
|
||||
* skipping multiple slides.
|
||||
* Handles mouse wheel scrolling, throttled to avoid skipping
|
||||
* multiple slides.
|
||||
*/
|
||||
function onDocumentMouseScroll( event ){
|
||||
clearTimeout( mouseWheelTimeout );
|
||||
|
@ -1251,6 +1259,19 @@ var Reveal = (function(){
|
|||
}, 100 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Clicking on the progress bar results in a navigation to the
|
||||
* closest approximate horizontal slide using this equation:
|
||||
*
|
||||
* ( clickX / presentationWidth ) * numberOfSlides
|
||||
*/
|
||||
function onProgressClick( event ) {
|
||||
var slidesTotal = Array.prototype.slice.call( document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ).length;
|
||||
var slideIndex = Math.floor( ( event.clientX / dom.wrapper.offsetWidth ) * slidesTotal );
|
||||
|
||||
slide( slideIndex );
|
||||
}
|
||||
|
||||
/**
|
||||
* Handler for the window level 'hashchange' event.
|
||||
*
|
||||
|
|
136
js/reveal.min.js
vendored
136
js/reveal.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user