"
Team:Virginia/Test
From 2014.igem.org
(Difference between revisions)
| (74 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | <html>< | + | <html> |
| + | <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> | ||
| + | <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> | ||
Latest revision as of 07:43, 15 November 2014
