ionasrobert
diff --git a/‎demos/.DS_Store
6 KB b/‎demos/.DS_Store
6 KB
diff --git a/‎demos/magazine/.DS_Store
6 KB b/‎demos/magazine/.DS_Store
6 KB
diff --git a/‎demos/magazine/index.html
Lines changed: 48 additions & 0 deletions b/‎demos/magazine/index.html
Lines changed: 48 additions & 0 deletions
diff --git a/‎demos/magazine/pages/.DS_Store
6 KB b/‎demos/magazine/pages/.DS_Store
6 KB
diff --git a/‎demos/magazine/pages/01.jpg
103 KB b/‎demos/magazine/pages/01.jpg
103 KB
diff --git a/‎demos/magazine/pages/02.jpg
88.2 KB b/‎demos/magazine/pages/02.jpg
88.2 KB
diff --git a/‎demos/magazine/pages/03.jpg
139 KB b/‎demos/magazine/pages/03.jpg
139 KB
diff --git a/‎demos/magazine/pages/04.jpg
85.2 KB b/‎demos/magazine/pages/04.jpg
85.2 KB
diff --git a/‎demos/magazine/pages/05.jpg
115 KB b/‎demos/magazine/pages/05.jpg
115 KB
diff --git a/‎demos/magazine/pages/06.jpg
114 KB b/‎demos/magazine/pages/06.jpg
114 KB
@@ -0,0 +1,48 @@
+<!doctype html>
+<html>
+<head>
+<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
+<script type="text/javascript" src="../../turn.min.js"></script>
+
+<style type="text/css">
+body{
+	background:#ccc;
+}
+#magazine{
+	width:1152px;
+	height:752px;
+}
+#magazine .turn-page{
+	width:576px;
+	height:752px;
+	background-color:#ccc;
+	background-size:100% 100%;
+}
+</style>
+</head>
+<body>
+<div id='magazine'>
+	<div style="background-image:url(pages/01.jpg);"></div>
+	<div style="background-image:url(pages/02.jpg);"></div>
+	<div style="background-image:url(pages/03.jpg);"></div>
+	<div style="background-image:url(pages/04.jpg);"></div>
+	<div style="background-image:url(pages/05.jpg);"></div>
+	<div style="background-image:url(pages/06.jpg);"></div>
+</div>
+
+
+<script type="text/javascript">
+	
+	$('#magazine').bind('turned', function(e, page) {
+
+		console.log('Current view: ', $('#magazine').turn('view'));
+
+	})
+
+	$('#magazine').turn({acceleration: true, shadows: true});
+
+
+</script>
+
+</body>
+</html>