Team:Virginia/Test

From 2014.igem.org

(Difference between revisions)
 
(49 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Team:Virginia:Test}}
 
<html>
<html>
<head>
<head>
-
<style>
+
<script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
-
 
+
<script type="text/javascript" src="https://2013.igem.org/Team:UNITN-Trento/JS/Library/modernizr?action=raw&ctype=text/javascript"></script>
-
#filler{
+
-
background-color:green;
+
-
height:20px;
+
-
}
+
-
</style>
+
-
<meta name="viewport" content="width = 1000, user-scalable = yes" />
+
-
<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>
+
</head>
</head>
<body>
<body>
-
<div id="filler">
+
<div class="flipbook-viewport">
-
 
+
<div class="container">
-
</div>
+
<div class="flipbook">
-
 
+
<div style="background-image:url(pages/1.jpg)"></div>
-
<div id="flipbook">
+
<div style="background-image:url(pages/2.jpg)"></div>
-
  <div class="hard"> Turn.js </div>  
+
</div>
-
  <div class="hard"></div>
+
</div>
-
  <div> Page 1 </div>
+
-
  <div> Page 2 </div>
+
-
  <div> Page 3 </div>
+
-
  <div> Page 4 </div>
+
-
  <div class="hard"></div>
+
-
  <div class="hard"></div>
+
</div>
</div>
<script type="text/javascript">
<script type="text/javascript">
-
$("#flipbook").turn({
+
 
-
  width: 400,
+
function loadApp() {
-
  height: 300,
+
 
-
  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
 +
 
 +
});
 +
}
 +
 
 +
// Load the HTML4 version if there's not CSS transform
 +
 
 +
yepnope({
 +
test : Modernizr.csstransforms,
 +
yep: ['../../lib/turn.js'],
 +
nope: ['../../lib/turn.html4.min.js'],
 +
both: ['css/basic.css'],
 +
complete: loadApp
});
});

Latest revision as of 07:43, 15 November 2014

Retrieved from "http://2014.igem.org/Team:Virginia/Test"