Skip to content

Instantly share code, notes, and snippets.

@tpryan

tpryan/reveal.1.html

Created October 25, 2012 19:52
Show Gist options
  • Save tpryan/3955005 to your computer and use it in GitHub Desktop.
Save tpryan/3955005 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
reveal.1.html
<!doctype html>
<html lang="en">
<head>
<!--...
Skipping rest of header
... -->
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="index_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-556270 { visibility:hidden; }
</style>
<!--Adobe Edge Runtime End-->
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
<!--...
Skipping rest of header
... -->
Raw
reveal.1.js
Reveal.addEventListener( 'slidechanged', function( event ) {
if (event.currentSlide.id == "slidewithanimation"){
Reveal.removeEventListeners();
window.onkeydown=keyHandler;
}
} );
function keyHandler(event) {
window.onkeydown=keyHandler2;
}
function keyHandler2(event) {
console.log("keydown",event);
startEdgeAnimation();
window.onkeydown="";
Reveal.addEventListeners();
}
Raw
reveal.2.html
<section>
<h1>Reveal.js with Adobe Edge Animate</h1>
<h3>HTML Presentations (with animations) Made Easy</h3>
</section>
<section id="slidewithanimation">
<div id="Stage" class="EDGE-556270">
</div>
</section>
<section>
<h1>Next Slide</h1>
</section>
Raw
reveal.2.js
function startEdgeAnimation() {
AdobeEdge.getComposition("EDGE-556270").getStage().play("start");
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment