add option for disabling overview mode (closes #145)
This commit is contained in:
Hakim El Hattab
parent
6779f4aecb
commit
c904cef864
|
|
@ -70,6 +70,9 @@ Reveal.initialize({
|
||||||
// Enable keyboard shortcuts for navigation
|
// Enable keyboard shortcuts for navigation
|
||||||
keyboard: true,
|
keyboard: true,
|
||||||
|
|
||||||
|
// Enable the slide overview mode
|
||||||
|
overview: true,
|
||||||
|
|
||||||
// Loop the presentation
|
// Loop the presentation
|
||||||
loop: false,
|
loop: false,
|
||||||
|
|
||||||
|
|
|
||||||
38
index.html
38
index.html
|
|
@ -333,5 +333,43 @@ function linkify( selector ) {
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- Everything below this point is unrelated to the slideshow -->
|
||||||
|
|
||||||
|
<div class="share-reveal" style="position: absolute; bottom: 10px; left: 50%; margin-left: -160px">
|
||||||
|
<a href="http://twitter.com/share" class="twitter-share-button" data-text="reveal.js - an HTML presentation framework from @hakimel." data-url="http://lab.hakim.se/reveal-js" data-count="small" data-related="hakimel"></a>
|
||||||
|
|
||||||
|
<iframe id="facebook-button" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fapp.hakim.se%2Freveal-js%2F&layout=button_count&show_faces=false&width=93&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:85px; height:24px; position: relative; top: 4px;" allowTransparency="true"></iframe>
|
||||||
|
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* <![CDATA[ */
|
||||||
|
(function() {
|
||||||
|
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
|
||||||
|
s.type = 'text/javascript';
|
||||||
|
s.async = true;
|
||||||
|
s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
|
||||||
|
t.parentNode.insertBefore(s, t);
|
||||||
|
})();
|
||||||
|
/* ]]> */
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://lab.hakim.se/reveal-js"></a>
|
||||||
|
<noscript><a href="http://flattr.com/thing/447435/Reveal-js" target="_blank">
|
||||||
|
<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a class="fork-reveal" href="https://github.com/hakimel/reveal.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/camo.github.com/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var _gaq = [['_setAccount', 'UA-15240703-1'], ['_trackPageview']];
|
||||||
|
(function(d, t) {
|
||||||
|
var g = d.createElement(t),
|
||||||
|
s = d.getElementsByTagName(t)[0];
|
||||||
|
g.async = true;
|
||||||
|
g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||||
|
s.parentNode.insertBefore(g, s);
|
||||||
|
})(document, 'script');
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
107
js/reveal.js
107
js/reveal.js
|
|
@ -26,6 +26,9 @@ var Reveal = (function(){
|
||||||
// Enable keyboard shortcuts for navigation
|
// Enable keyboard shortcuts for navigation
|
||||||
keyboard: true,
|
keyboard: true,
|
||||||
|
|
||||||
|
// Enable the slide overview mode
|
||||||
|
overview: true,
|
||||||
|
|
||||||
// Loop the presentation
|
// Loop the presentation
|
||||||
loop: false,
|
loop: false,
|
||||||
|
|
||||||
|
|
@ -531,48 +534,53 @@ var Reveal = (function(){
|
||||||
* can't be improved.
|
* can't be improved.
|
||||||
*/
|
*/
|
||||||
function activateOverview() {
|
function activateOverview() {
|
||||||
|
|
||||||
|
if( config.overview ) {
|
||||||
|
|
||||||
dom.wrapper.classList.add( 'overview' );
|
dom.wrapper.classList.add( 'overview' );
|
||||||
|
|
||||||
var horizontalSlides = Array.prototype.slice.call( document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) );
|
var horizontalSlides = Array.prototype.slice.call( document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) );
|
||||||
|
|
||||||
for( var i = 0, len1 = horizontalSlides.length; i < len1; i++ ) {
|
for( var i = 0, len1 = horizontalSlides.length; i < len1; i++ ) {
|
||||||
var hslide = horizontalSlides[i],
|
var hslide = horizontalSlides[i],
|
||||||
htransform = 'translateZ(-2500px) translate(' + ( ( i - indexh ) * 105 ) + '%, 0%)';
|
htransform = 'translateZ(-2500px) translate(' + ( ( i - indexh ) * 105 ) + '%, 0%)';
|
||||||
|
|
||||||
|
hslide.setAttribute( 'data-index-h', i );
|
||||||
|
hslide.style.display = 'block';
|
||||||
|
hslide.style.WebkitTransform = htransform;
|
||||||
|
hslide.style.MozTransform = htransform;
|
||||||
|
hslide.style.msTransform = htransform;
|
||||||
|
hslide.style.OTransform = htransform;
|
||||||
|
hslide.style.transform = htransform;
|
||||||
|
|
||||||
hslide.setAttribute( 'data-index-h', i );
|
if( !hslide.classList.contains( 'stack' ) ) {
|
||||||
hslide.style.display = 'block';
|
// Navigate to this slide on click
|
||||||
hslide.style.WebkitTransform = htransform;
|
hslide.addEventListener( 'click', onOverviewSlideClicked, true );
|
||||||
hslide.style.MozTransform = htransform;
|
}
|
||||||
hslide.style.msTransform = htransform;
|
|
||||||
hslide.style.OTransform = htransform;
|
|
||||||
hslide.style.transform = htransform;
|
|
||||||
|
|
||||||
if( !hslide.classList.contains( 'stack' ) ) {
|
var verticalSlides = Array.prototype.slice.call( hslide.querySelectorAll( 'section' ) );
|
||||||
// Navigate to this slide on click
|
|
||||||
hslide.addEventListener( 'click', onOverviewSlideClicked, true );
|
for( var j = 0, len2 = verticalSlides.length; j < len2; j++ ) {
|
||||||
|
var vslide = verticalSlides[j],
|
||||||
|
vtransform = 'translate(0%, ' + ( ( j - ( i === indexh ? indexv : 0 ) ) * 105 ) + '%)';
|
||||||
|
|
||||||
|
vslide.setAttribute( 'data-index-h', i );
|
||||||
|
vslide.setAttribute( 'data-index-v', j );
|
||||||
|
vslide.style.display = 'block';
|
||||||
|
vslide.style.WebkitTransform = vtransform;
|
||||||
|
vslide.style.MozTransform = vtransform;
|
||||||
|
vslide.style.msTransform = vtransform;
|
||||||
|
vslide.style.OTransform = vtransform;
|
||||||
|
vslide.style.transform = vtransform;
|
||||||
|
|
||||||
|
// Navigate to this slide on click
|
||||||
|
vslide.addEventListener( 'click', onOverviewSlideClicked, true );
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
var verticalSlides = Array.prototype.slice.call( hslide.querySelectorAll( 'section' ) );
|
|
||||||
|
|
||||||
for( var j = 0, len2 = verticalSlides.length; j < len2; j++ ) {
|
|
||||||
var vslide = verticalSlides[j],
|
|
||||||
vtransform = 'translate(0%, ' + ( ( j - ( i === indexh ? indexv : 0 ) ) * 105 ) + '%)';
|
|
||||||
|
|
||||||
vslide.setAttribute( 'data-index-h', i );
|
|
||||||
vslide.setAttribute( 'data-index-v', j );
|
|
||||||
vslide.style.display = 'block';
|
|
||||||
vslide.style.WebkitTransform = vtransform;
|
|
||||||
vslide.style.MozTransform = vtransform;
|
|
||||||
vslide.style.msTransform = vtransform;
|
|
||||||
vslide.style.OTransform = vtransform;
|
|
||||||
vslide.style.transform = vtransform;
|
|
||||||
|
|
||||||
// Navigate to this slide on click
|
|
||||||
vslide.addEventListener( 'click', onOverviewSlideClicked, true );
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -580,24 +588,29 @@ var Reveal = (function(){
|
||||||
* active slide.
|
* active slide.
|
||||||
*/
|
*/
|
||||||
function deactivateOverview() {
|
function deactivateOverview() {
|
||||||
dom.wrapper.classList.remove( 'overview' );
|
|
||||||
|
if( config.overview ) {
|
||||||
|
|
||||||
var slides = Array.prototype.slice.call( document.querySelectorAll( '.reveal .slides section' ) );
|
dom.wrapper.classList.remove( 'overview' );
|
||||||
|
|
||||||
for( var i = 0, len = slides.length; i < len; i++ ) {
|
var slides = Array.prototype.slice.call( document.querySelectorAll( '.reveal .slides section' ) );
|
||||||
var element = slides[i];
|
|
||||||
|
|
||||||
// Resets all transforms to use the external styles
|
for( var i = 0, len = slides.length; i < len; i++ ) {
|
||||||
element.style.WebkitTransform = '';
|
var element = slides[i];
|
||||||
element.style.MozTransform = '';
|
|
||||||
element.style.msTransform = '';
|
|
||||||
element.style.OTransform = '';
|
|
||||||
element.style.transform = '';
|
|
||||||
|
|
||||||
element.removeEventListener( 'click', onOverviewSlideClicked );
|
// Resets all transforms to use the external styles
|
||||||
|
element.style.WebkitTransform = '';
|
||||||
|
element.style.MozTransform = '';
|
||||||
|
element.style.msTransform = '';
|
||||||
|
element.style.OTransform = '';
|
||||||
|
element.style.transform = '';
|
||||||
|
|
||||||
|
element.removeEventListener( 'click', onOverviewSlideClicked );
|
||||||
|
}
|
||||||
|
|
||||||
|
slide();
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
slide();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
||||||
12
js/reveal.min.js
vendored
12
js/reveal.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user