Team:Virginia/Test

From 2014.igem.org

(Difference between revisions)
 
(50 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>
Line 40: Line 25:
// Width
// Width
-
width:1000,
+
width:922,
// Height
// Height
Line 62: Line 47:
// Load the HTML4 version if there's not CSS transform
// Load the HTML4 version if there's not CSS transform
-
 
-
 
-
$(document).keydown(function(e){
 
-
 
-
var previous = 37, next = 39, esc = 27;
 
-
 
-
switch (e.keyCode) {
 
-
case previous:
 
-
 
-
// left arrow
 
-
$('.flipbook').turn('previous');
 
-
e.preventDefault();
 
-
 
-
break;
 
-
case next:
 
-
 
-
//right arrow
 
-
$('.flipbook').turn('next');
 
-
e.preventDefault();
 
-
 
-
break;
 
-
case esc:
 
-
 
-
$('.flipbook-viewport').zoom('zoomOut');
 
-
e.preventDefault();
 
-
 
-
break;
 
-
}
 
-
});
 
yepnope({
yepnope({
test : Modernizr.csstransforms,
test : Modernizr.csstransforms,
-
yep: ['http://www.thebalancingact.com/assets/js/turn/lib/turn.js'],
+
yep: ['../../lib/turn.js'],
-
nope: ['http://www.thebalancingact.com/assets/js/turn/lib/turn.html4.min.js'],
+
nope: ['../../lib/turn.html4.min.js'],
-
both: ['http://www.thebalancingact.com/assets/css/turn/basic/basic.css'],
+
both: ['css/basic.css'],
complete: loadApp
complete: loadApp
});
});

Latest revision as of 07:43, 15 November 2014

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