Team:Virginia/Test
From 2014.igem.org
(Difference between revisions)
(Blanked the page) |
|||
(One intermediate revision not shown) | |||
Line 1: | Line 1: | ||
+ | <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