From 2014.igem.org
(Difference between revisions)
|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| - | <meta name="viewport" content="width = 1050, user-scalable = no" />
| |
| - | <script type="text/javascript" src="https://gps-maps27.googlecode.com/svn-history/r53/trunk/server/www/js/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>
| |
| - | </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>
| |
| - | </html>
| |
Revision as of 07:41, 15 November 2014
"
