Team:Virginia/Test

From 2014.igem.org

(Difference between revisions)
 
(108 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Team:Virginia:Test}}
 
<html>
<html>
<head>
<head>
-
<meta name="viewport" content="width = 1050, user-scalable = no" />
+
<script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
-
<script type="text/javascript" src="http://www.turnjs.com/extras/jquery.min.1.7.js"></script>
+
<script type="text/javascript" src="https://2013.igem.org/Team:UNITN-Trento/JS/Library/modernizr?action=raw&ctype=text/javascript"></script>
-
<script type="text/javascript" src="http://www.turnjs.com/extras/modernizr.2.5.3.min.js"></script>
+
</head>
</head>
<body>
<body>
Line 11: Line 9:
<div class="container">
<div class="container">
<div class="flipbook">
<div class="flipbook">
-
<div style="background-image:url(pages/152.jpg)"></div>
+
<div style="background-image:url(pages/1.jpg)"></div>
-
<div style="background-image:url(pages/153.jpg)"></div>
+
<div style="background-image:url(pages/2.jpg)"></div>
-
<div style="background-image:url(pages/154.jpg)"></div>
+
-
<div style="background-image:url(pages/155.jpg)"></div>
+
-
<div style="background-image:url(pages/156.jpg)"></div>
+
</div>
</div>
</div>
</div>
Line 52: 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