Revision as of 05:29, 16 October 2014

Attributions

Turn.js

Page 2

Page 3

Page 4

@@ Line 8: / Line 8: @@
        <script type='text/javascript' src="http://www.turnjs.com/lib/turn.min.js"></script>
+<script type="text/javascript" src="http://www.turnjs.com/extras/jquery.min.1.7.js"></script>
+<script type="text/javascript" src="http://www.turnjs.com/extras/modernizr.2.5.3.min.js"></script>
@@ Line 76: / Line 78: @@
 <script type='text/javascript'>//<![CDATA[
-$(function(){
+function loadApp() {
-$("#flipbook").turn({
-    width: 922,
-    height: 600,
-    autoCenter: true
-});
-});//]]>
+	// Create the flipbook
+	$('.flipbook').turn({
+			// Width
+			width:922,
+			// Height
+			height:600,
+			// Elevation
+			elevation: 50,
+			// Enable gradients
+			gradients: true,
+			// Auto center this flipbook
+			autoCenter: true
+	});
+}
+yepnope({
+	test : Modernizr.csstransforms,
+	yep: ['http://www.thebalancingact.com/assets/js/turn/lib/turn.js'],
+	nope: ['http://www.thebalancingact.com/assets/js/turn/lib/turn.html4.min.js'],
+	both: ['http://www.thebalancingact.com/assets/css/turn/basic/basic.css'],
+	complete: loadApp
+});
 </script>