Team:Virginia/Test
From 2014.igem.org
(Difference between revisions)
(79 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <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> | ||
</head> | </head> | ||
+ | <body> | ||
- | < | + | <div class="flipbook-viewport"> |
+ | <div class="container"> | ||
+ | <div class="flipbook"> | ||
+ | <div style="background-image:url(pages/1.jpg)"></div> | ||
+ | <div style="background-image:url(pages/2.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 | ||
+ | |||
+ | yepnope({ | ||
+ | test : Modernizr.csstransforms, | ||
+ | yep: ['../../lib/turn.js'], | ||
+ | nope: ['../../lib/turn.html4.min.js'], | ||
+ | both: ['css/basic.css'], | ||
+ | complete: loadApp | ||
+ | }); | ||
+ | |||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 07:43, 15 November 2014