44 lines
2.3 KiB
HTML
44 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>goto :: plugins | DOCS - impress.js</title>
|
|
<!--I am using jquery for button animations.-->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
|
|
<script>hljs.highlightAll();</script>
|
|
<script src="/js/docs/loader.js"></script>
|
|
<link rel="stylesheet" href="/css/docs/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<div id="nav"></div>
|
|
<div id="top"></div>
|
|
<div id="docPage">
|
|
<div id="doc-container">
|
|
<h1>Goto Plugin</h1>
|
|
<p>The goto plugin is a pre-stepleave plugin. It is executed before
|
|
<code>impress:stepleave</code> event, and will alter the destination where to transition next.</p>
|
|
<p>Example:</p>
|
|
<pre><code> <!-- When leaving this step, go directly to "step-5" -->
|
|
<div class="step" data-goto="step-5">
|
|
|
|
<!-- When leaving this step with next(), go directly to "step-5", instead of the next step.
|
|
If moving backwards to previous step - e.g. prev() instead of next() - then go to "step-1". -->
|
|
<div class="step" data-goto-next="step-5" data-goto-prev="step-1">
|
|
|
|
<!-- data-goto-key-list and data-goto-next-list allow you to build advanced non-linear navigation. -->
|
|
<div class="step" data-goto-key-list="ArrowUp ArrowDown ArrowRight ArrowLeft" data-goto-next-list="step-4 step-3 step-2 step-5">
|
|
</code></pre>
|
|
<p>See https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values for a table
|
|
of what strings to use for each key.</p>
|
|
<h2>Author</h2>
|
|
<p>Copyright 2016 Henrik Ingo (@henrikingo)
|
|
Released under the MIT license.</p>
|
|
</div>
|
|
</div>
|
|
<div id="footer"></div>
|
|
</div>
|
|
</body>
|
|
</html> |