Skip to content

Instantly share code, notes, and snippets.

@y-yu

y-yu/example.html

Created April 13, 2013 09:13
Show Gist options
  • Save y-yu/5377691 to your computer and use it in GitHub Desktop.
Save y-yu/5377691 to your computer and use it in GitHub Desktop.
Download ZIP
try Chillin.js
Raw
example.html
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link href="http://bartaz.github.io/impress.js/css/impress-demo.css" rel="stylesheet" />
</head>
<body>
<div id="impress">
<div class="step" data-style="dive">
<p>...</p>
</div>
<div class="step" data-style="back">
<!-- we leave this one empty to go back on a previous position -->
</div>
</div>
<script src="bin/chillin.js"></script>
<script src="http://bartaz.github.io/impress.js/js/impress.js"></script>
<script>
$(document).ready(function() {
$(document).chillin();
impress().init();
});
</script>
</body>
</html>
@y-yu
Copy link
Author

y-yu commented Apr 13, 2013

Two errors occured in this file

  • Uncaught SyntaxError: Unexpected identifier (chillin.js:265)
  • Uncaught TypeError: Object [object Object] has no method 'chillin' (example.html : 25)

on Chrome 26.

@frantzmiccoli
Copy link

"Dive" mean you want a "dive" effect from the previous slide position, since there's no previous slide ... it doesn't work.

This should work:

<div id="impress">
    <div class="step">
        <p>Just a first slide</p>
    </div>
    <div class="step" data-style="dive">
        <p>We go deeper</p>
    </div>
    <div class="step" data-style="back">
        <!-- we leave this one empty to go back on a previous position -->
    </div>
</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment