Team:Virginia/Test

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
 +
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
 +
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
 +
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
 +
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
 +
<head>
 +
<meta name="viewport" content="width = 1050, user-scalable = no" />
 +
<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>
 +
<body>
 +
 +
<div class="flipbook-viewport">
 +
<div class="container">
 +
<div class="flipbook">
 +
<div style="background-image:url(pages/152.jpg)"></div>
 +
<div style="background-image:url(pages/153.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>
 +
 +
 +
<script type="text/javascript">
 +
 +
function loadApp() {
 +
 +
// 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
 +
 +
 +
$(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({
 +
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>
 +
 +
</body>
 +
</html>

Revision as of 00:34, 16 October 2014
Retrieved from "http://2014.igem.org/Team:Virginia/Test"