Skip to content

Instantly share code, notes, and snippets.

@vool

vool/Issue with Turn.html

Created March 23, 2012 19:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vool/2174241 to your computer and use it in GitHub Desktop.
Save vool/2174241 to your computer and use it in GitHub Desktop.
Download ZIP
updated with suggested edits
Raw
Issue with Turn.html
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/blasten/turn.js/master/turn.min.js"></script>
<style>
body{
background:#ccc;
}
#magazine{
}
#magazine .turn-page{
background-color:#ccc;
background-size:100% 100%;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#magazine').bind('turned', function(e, page) {
//console.log('Current view: ', $('#magazine').turn('view'));
})
$('#magazine').turn({width: 1152, height: 752, acceleration: true, shadows: !$.isTouch});
});
</script>
</head>
<body>
<div id="magazine">
<div> Test </div>
<div> Test </div>
<div> Test </div>
<div> Test </div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment