Team:Sheffield/project
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{Team:Sheffield}} | {{Team:Sheffield}} | ||
- | <h1> | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
+ | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
+ | <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> | ||
+ | <head> | ||
+ | <title>jQuery virtual tour</title> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <link rel="shortcut icon" href="favicon.ico" /> | ||
+ | <link rel="stylesheet" type="text/css" href="css/thickbox.css" media="screen" /> | ||
+ | <link rel="stylesheet" type="text/css" href="css/jquery.panorama.css" media="screen" /> | ||
+ | <script type="text/javascript" src="js/jquery.js"></script> | ||
+ | <script type="text/javascript" src="js/jquery.panorama.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("img.advancedpanorama").panorama({ | ||
+ | auto_start: 0, | ||
+ | start_position: 1527 | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript" src="js/cvi_text_lib.js"></script> | ||
+ | <script type="text/javascript" src="js/jquery.advanced-panorama.js"></script> | ||
+ | <script type="text/javascript" src="js/jquery.flipv.js"></script> | ||
+ | <script type="text/javascript" src="js/thickbox.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | tb_pathToImage = "css/loadingAnimation.gif"; | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | body { | ||
+ | background: #595959; | ||
+ | text-align: center; | ||
+ | } | ||
+ | h1 { | ||
+ | color: white; | ||
+ | margin-bottom: 2em; | ||
+ | font-family: Verdana; | ||
+ | font-weight: normal; | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | #page { | ||
+ | text-align: center; | ||
+ | color: white; | ||
+ | } | ||
+ | #page a { | ||
+ | color: white; | ||
+ | } | ||
+ | #page .panorama-viewport { | ||
+ | border: 20px solid #414141; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | #page p { | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | .TB_overlayBG { | ||
+ | background-color: #595959; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <h1>jQuery virtual tour</h1> | ||
+ | |||
+ | <div id="page"> | ||
+ | |||
+ | |||
+ | <img src="img/team.jpg" class="advancedpanorama" width="2448" height="375" usemap="testmap" alt="Atelier du sculpteur" /> | ||
+ | <map id="testmap" name="testmap"> | ||
+ | <!<area shape="rect" coords="1653,72,1839,255" href="salleformation.html" alt="vers la salle de formation" /> > | ||
+ | <area shape="rect" coords="1880,65,2000,100" href="img/Jay.jpg" alt="statues" class="thickbox" /> | ||
+ | <!<area shape="rect" coords="1920,276,2070,351" href="img/gouges.jpg" alt="gouges" class="thickbox" /> > | ||
+ | </map> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 13:07, 22 September 2014
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">jQuery virtual tour jQuery virtual tour